رفع مشکل 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;
}

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

موفق باشید.