تغییر فونت قالب

به‌روزرسانی ۱ (۱۷ مرداد ۱۳۹۵ @ ۱۵:۰۳):

آدرس محل کپی فونت‌ها (مرحله ۱) اصلاح شد.

کارهای زیر رو به ترتیب و با دقت انجام بده:

۱. فایل‌های فونت مورد نظرت رو تو پوشه قالبت کپی کن. مثلا تو آدرس زیر:
فونت‌های وب معمولا تو چهار تا فرمت .eot – .woff2 – .woff – .ttf ارائه می‌شن.

~/themes/YOUR-THEME/css/fonts

۲. یه فایل css درست کن (مثلا به اسم myfont.css) و تیکه کد زیر رو توش وارد کن:

دقت کن که اسم فونت خودت رو به جای myfont قرار بدی.
در بخش src: url یا url آدرس دقیق جایی که فونت‌ها رو کپی کردی وارد کنی. «/..» یعنی یه فولدر برگرد عقب.

@font-face {
   font-family: myfontName;
   font-style: normal;
   font-weight: normal;
   src: url('../fonts/myfontWeb.eot');
   src: url('../fonts/myfontWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
   url('../fonts/myfontWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
   url('../fonts/myfontWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
   url('../fonts/myfontWeb.ttf') format('truetype');
}

۳. حالا این فایل (اینجا myfont.css) رو داخل پوشه زیر کپی کن:

~/themes/YOUR-THEME/css/autoload

اینطوری این فایل css خودش به صورت خودکار لود می‌شه و نیازی نیست جایی صدا/ایمپورتش کنی.

۴. فایل rtl.css رو از داخل پوشه‌ی css قالبت پیدا کن و با یه ویرایشگر کد باز کن. (مثلا با ++Notepad)

۵. عبارت font رو سرچ کن و همه جا اسم فونتت که اینجا ما myfontName قرار دادیم رو قبل از فونت‌های دیگه وارد کن. مثلا اگر همچین چیزی دیدی:

body {
   font: 18px Mitra, Yekan, 'B Yekan', Tahoma;
}

اون رو تغییر بده به:

body {
   font: 18px myfontName, Mitra, Yekan, 'B Yekan', Tahoma;
}

دقت کن که اگر اسم فونتت بینش فاصله است باید داخل «’ ‘» قرارش بدی. (اینجا مثل ‘B Yekan’).

حتما بعد از اسم فونتت «,» بذاری اگر بعدش بازم فونت دیگه‌ای هست.