آموزش رفع مشکل نمایش فونت های وب گوگل در وردپرس

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

اگر برخی از حروف زبان شما هنگام بررسی در مرورگر خاصی به درستی نمایش داده نمیشن، میتونین مراحل توضیح داده شده در زیر رو دنبال کنین. برخی از حروف پررنگ ظاهر میشن، به عنوان مثال:

 

 

فونت متنی که مشکل داره رو با ابزار توسعه دهنده (Developer Tool) بررسی کنین. در این مثال، Open Sans هست. نام این فونت رو کپی کنین:

 

 

سایت Google Webfonts رو با هر موتور جستجویی جستجو کنین. در کادر جستجو، نام فونت رو قرار بدین. فونت رو در لیست نتایج میبینین:

 

 

روی Add to Collection کلیک کنین، بعد دکمه Use:

 

 

در کادر، Choose the styles you want: میتونین همه استایل ها رو از لیست انتخاب کنین تا مطمئن شین که این فونت با همه استایل های فونت کار میکنه:

 

 

در کادر Choose the character sets you want: میتونین تمام مجموعه ها رو از لیست انتخاب کنین تا مطمئن بشین که این فونت ها با همه زبان های پشتیبانی شده، از جمله زبان شما، کار میکنه:

 

 

در تب Add this code to your website روی @import کلیک کنین، میتونین کد ایمپورت شده رو مشاهده کنین، کد رو کپی کنین:

 

 

وارد FTP/file manager بشین، از دایرکتوری روت به wp-content/themes/themeXXXXX برین (XXXXX  شماره پوسته است)، فایل style.less رو برای ویرایش باز کنین:

 

 

از این فایل style.less کد ایمپورت شده فعلی رو میبینین که قدیمیه، این کد باید با کد ایمپورت شده جدید که به تازگی از سایت google webfont کپی کردین جایگزین بشه. جایگزینیش کنین و فایل رو ذخیره کنین:

 

 

سایت رو ریفرش کنین، میبینین که مشکل فونت حل شده.