چطور یک فونت سفارشی به وردپرس اضافه کنیم؟

این آموزش، نحوه افزودن فونت سفارشی در وردپرس رو نشون میده.

در صورتی‌که نیاز به افزودن فونت سفارشی به وبسایت وردپرستون دارین، میتونین وبسایت‌های مختلف رو بررسی کنین تا فونت موردنیازتون رو دانلود کنین. مثلا این وبسایت: http://www.fontsquirrel.com

از http://www.fontsquirrel.com دیدن کنین. سایت یک فیلتر فونت داره، Webfont رو اونجا انتخاب کنین:

 

 

فونتی رو که می‌خواهین اضافه کنین انتخاب کنین و اون رو دانلود کنین:

 

 

از طریق FTP یا File manager وارد سرورتون بشین، این مسیر wp-content/themes/themeXXXX رو دنبال کنین و یک پوشه جدید fonts ایجاد کنین. فونتی که دانلود کردین رو در این پوشه آپلود کنین، بعد این فایل‌ها رو استخراج کنین. میتونین فایل zip اصلی رو حذف کنین:

 

 

وارد پنل مدیریت وردپرس بشین. به Appearance -> Editor برین، فایل style.css در پوسته themeXXXX باز کنین:

 

 

کد زیر رو به این فایل style.css اضافه کنین:

*fontname : نامی که برای فونت سفارشی جدید (هر نامی) ایجاد میکنین.

link: لینک مستقیم این فایل فونت که در سرور آپلود کردین. (Url سایت + مسیر پوشه + نام فایل فونت):

 

 

کد بالا رو در خط بعدی فایل style.css کپی کنین و خط دوم رو با src از کد حذف کنین، بعد تگ important رو بعد از نام فونت اضافه کنین:

 

 

 

میتونین کلاس CSS خاصی رو برای متن خاص با استفاده از ابزار توسعه دهنده پیدا کنین:

 

 

@font-face رو کلاس CSS (CSS selector) که با ابزار توسعه دهنده پیدا کردین، جایگزین کنین. سپس روی آپلود فایل کلیک کنین:

 

سایتتون رو به روز کنین تا فونت سفارشی جدید رو مشاهده کنین.