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

?How to disable Google fonts in WordPress

فونت های گوگل مجموعه ای از رابط های برنامه نویسی برنامه های تعاملی است که به کاربران اجازه می دهد از فونت های وب در وب سایت خود استفاده کنند. به بیان دیگر Google Fonts (قبلا Google Web Fonts نامیده می شد) یک کتابخانه از 1029 خانواده فونت مجوزدار رایگان ، یک فهرست وب تعاملی برای مرور کتابخانه و API ها برای استفاده راحت از قلم ها از طریق CSS و Android است.

فونت های گوگل یک افزودنی عالی در وب سایت شما هستند که به طور قابل توجهی تایپوگرافی شما را بهبود می بخشند. با این حال ، آنها وابستگی خارجی به وب سایت شما اضافه می کنند و می توانند زمان بارگذاری صفحه را افزایش دهند.

در بسیاری از موارد ، قالب ها و افزونه های وردپرس ممکن است دارای کدهای داخلی باشند که به طور خودکار Google Fonts را بارگیری می کند، حتی اگر آنها را نمی خواهید یا به آنها احتیاج ندارید.

انواع روش های حذف فونت های گوگل در وردپرس:

1- با استفاده از افزونه

2- با استفاده از کدنویسی

جهت بررسی و مشخص شدن میزان استفاده وب سایت شما از Google فونت ، می توانید این کار را با وارد کردن سایت خود در tools.pingdom.com و بررسی بخش “File Requests” انجام دهید:

همانطور که می بینید، 5 درخواست برای دامنه های متعلق به Google وجود دارد.

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

fonts.googleapis.com به سبک های CSS اشاره می کند و fonts.gstatic.com به پرونده های قلم اشاره می کند.
هنگامی که مراحل این پست را اجرا کردید ، می توانید دوباره این بخش را امتحان کنید و مشاهده کنید که درخواستی وجود ندارد.

1- حذف فونت های گوگل با استفاده از افزونه

اگر می خواهید به سادگی تمام آثار فونت های گوگل را از وب سایت خود حذف کنید ،توصیه می کنیم از پلاگین Disable and Remove Google Fonts برای این کار وجود دارد:

کافیست افزونه را فعال کنید و هیچ گونه تنظیمات خاصی لازم نیست،افزونه Disable and Remove Google Fonts به طور خودکار همه درخواست های Google Fonts را حذف می کند.

2- حذف فونت های گوگل با استفاده از کد نویسی

اگر با افزودن کد سفارشی به وب سایت خود راحت هستید ، روش دیگری برای غیرفعال کردن Google Fonts وجود دارد.

مزیت این روش این است که می توانید درخواست های فونت را به صورت جداگانه و نه یک باره غیرفعال کنید. اگر بخواهید برخی از قلم ها را نگه دارید ،این روش بسار مفید است.

ابتدا منبع وب سایت خود را مشاهده کرده و کد fonts.google.com را جستجو کنید. باید یک یا چند خط پیدا کنید که چیزی شبیه به این داشته باشد:

<link rel='stylesheet' id='google-fonts-roboto-css'  href='https://fonts.googleapis.com/css?family=Roboto' media='all'>

هم ترین قسمت شناسه (id) است که در این جا منظور google-fonts-roboto-css است. ابتدا شما باید css- را از شناسه حذف کنید یعنی شناسه اصلی google-fonts-roboto است.سپس قطعه کد زیر را در پرونده function.php قالب خود قرار دهید:

function remove_google_fonts_stylesheet() {  
    wp_dequeue_style( 'google-fonts-roboto' );
}
add_action( 'wp_enqueue_scripts', 'remove_google_fonts_stylesheet', 999 );