استفاده از وب‌فونت بدون ایجاد child theme در وردپرس

امروز بعد از انتقال ahmadalli.net/blog به ahmadalli.me تصمیم گرفتم قالبش رو هم عوض کنم. به قالب Neve مهاجرت کردم و مهدی کمک کرد و یکم سر و سامونش داد. (رنگ بک‌گراند رو از ffffff به f7f7f7 تغییر دادیم و یه خط عمودی به عنوان بالای وبلاگ اضافه کردیم)

برای استفاده از فونت‌ها دنبال راهی می‌گشم که نیاز نباشه یه child theme درست کنم که خوشبختانه RawGit CDN و قابلیت Custom CSS وردپرس به کمکم اومدن.

@import url('https://cdn.rawgit.com/rastikerdar/vazir-font/v20.1.0/dist/font-face.css');
@import url('https://cdn.rawgit.com/rastikerdar/shabnam-font/v4.0.0/dist/font-face.css');
h1, h2, h3, h4, h5, h6, .widget .widget-title, .site-description, .site-title, .entry-title, .entry-title a, .comments-title, .nav-menu a, widget-title {
font-family: Shabnam, "Source Sans Pro", Helvetica, sans-serif;
}
*, .entry-content {
font-family: Vazir;
}
@media (min-width: 960px) {
.brand {
border-left: 1px solid #777;
padding-left: 8px;
padding-bottom: 6px;
}
}
view raw all.css hosted with ❤ by GitHub

با کمک import توی css وب‌فونت وزیر و شبنم رو از RawGit CDN لود می‌کنیم و بعد خیلی راحت جاهایی که لازم داریم از فونت Vazir و Shabnam استفاده می‌کنیم 🙂

بخش آخرش هم برای قرار دادن یه خط عمودی کنار عنوان توی صفحه‌های بزرگ‌تر از ۹۶۰پیکسله

دیدگاهی بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.