رفع مشکل WebFonts use adaptive timeouts to take fallback fonts

رفع مشکل WebFonts use adaptive timeouts to take fallback fonts

اگر شما هم با خطای WebFonts use adaptive timeouts to take fallback fonts در فایرفاکس یا کروم روبرو شده‌اید و به این نوشته رسیده‌اید در این نوشته به سادگی مشکل شما را حل خواهیم کرد. این مشکل زمانی رخ می‌دهد که شما یک فونت اضافی به صفحه‌ی خود با css استفاده کرده‌اید و به آن برخورده‌اید.

رفع مشکل WebFonts use adaptive timeouts to take fallback fonts

برای رفع این مشکل به فایل css خود بروید و در بخشی که فونت خود را import کرده‌اید دستور font-display:fallback را وارد کنید. برای مثال کد زیر را مشاهده کنید:

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: normal;
  src: url("fonts/woff/IRANSansX.woff") format("woff"),
    url("fonts/woff2/IRANSansX.woff2") format("woff2");
}


change to 


@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: normal;
  src: url("fonts/woff/IRANSansX.woff") format("woff"),
    url("fonts/woff2/IRANSansX.woff2") format("woff2");
  font-display: fallback;
}

اگر مشکل شما رفع نشد در بخش نظرات این نوشته برای ما بنویسید.