فونت های تایپوگرافی پیشفرض #
فونت های فارسی پرطرفدار به صورت پیشفرض در قالب استادیار قرار گرفته و از تنظیمات قالب > تایپوگرافی، برای بخش های مختلف سایت قابل انتخاب است.
همچنین این فونت ها در المنتور و رولوشن اسلایدر هم قابل انتخاب است.
لیست فونت ها به شرح زیر می باشد:
- sc_iranyekan (ایران یکان)
- sc_iransans (ایران سنس معمولی)
- IRANSansX_SunCode (ایران سنس X)
- IRANSansX_English_Numbers (ایران سنس X با اعداد انگلیسی)
- sc_iransansdn (ایران سنس دست نویس)
- sc_dana (دانا)
- Yekan_Bakh (یکان بخ)
- sc_iran (ایران)
- Azhdar (اژدر)
- Pelak (پلاک)
- sc_mahboobeh (محبوبه)
- sc_anjoman (انجمن)
- Lalezar-Regular (لاله زار)
- Javanweb (جوان)
- Modam (مدام)
- Doran (دوران)
- farhang_fa_num (فرهنگ)
- rokh (رخ)
- Peyda (پیدا)
افزودن فونت سفارشی #
اگر فونت مد نظر شما در لیست بالا وجود ندارد، می توانید به صورت سفارشی آن را با کمک نسخه Child قالب اضافه کنید.
برای این کار تا 5 فونت امکان افزودن وجود دارد که نام فونت ها به صورت سفارشی در لیست فونت های تنظیمات تایپوگرافی به صورت custom_one custom_two custom_three custom_four custom_five قرار گرفته و می توانید فونت های خود را با این نام ها در نسخه فرزند قالب تعریف کنید.
مراحل افزودن فونت سفارشی #
1: نصب و فعالسازی پوسته فرزند #
از پیشخوان وردپرس > نمایش > پوسته ها، مطمئن شوید که پوسته فرزند یعنی studiare child نصب و فعال شده باشد. (اگر وجود ندارد، آن را از پیشخوان سایت راستچین > محصولات خریداری شده > قالب استادیار > دانلود > پکیج فایل ها را دانلود نمایید سپس در پوشه شماره 1 نسخه child قالب را در پیشخوان وردپرس > نمایش > پوسته ها > افزودن، آپلود و فعال نمایید).
2: آپلود فونت در پوسته فرزند #
وارد هاست خود شده و از مسیر:
public_html/wp-content/themes/studiare-child
یک پوشه جدید به نام fonts ایجاد نمایید. سپس وارد پوشه fonts شده و یک پوشه جدید با نام فونت خود یا یک نام دلخواه بسازید مثلا custom_one
سپس فایل های فونت خود را در این پوشه آپلود کنید، بسته به نوع فونتی که تهیه فرمودید وزن ها و پسوندهای مختلفی وجود دارد.
3: تعریف فونت در استایل #
سپس وارد مسیر اصلی پوسته فرزند یعنی public_html/wp-content/themes/studiare-child و فایل style.css را ویرایش کنید.
حال مسیر فونت سفارشی 1 را در این فایل تعریف می کنیم:
@font-face {
font-family: custom_one;
font-weight: 300;
src: url('fonts/custom_one/block-Light.woff2') format('woff2'),
url('fonts/custom_one/block-Light.woff') format('woff');
}
@font-face {
font-family: custom_one;
font-weight: 500;
src: url('fonts/custom_one/block-Regular.woff2') format('woff2'),
url('fonts/custom_one/block-Regular.woff') format('woff');
}
@font-face {
font-family: custom_one;
font-weight: 800;
src: url('fonts/custom_one/block-Bold.woff2') format('woff2'),
url('fonts/custom_one/block-Bold.woff') format('woff');
}تبریک! فونت سفارشی اول به سایت شما اضافه شد، حالا می توانید از تنظیمات قالب > تایپوگرفی، فونت custom_one را انتخاب نمایید تا روی بخش های دلخواه سایت شما اعمال شود.