استفاده از وب‌فونت بدون ایجاد 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 استفاده می‌کنیم 🙂

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

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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