حل مشکل Fontface failed cross origin request

حتما تا به حال توی مرورگرهای firefox و IE به مشکل بلاک شدن فونت هاتون برخوردید، و فونت های سایتتون لود نمی شوند، خب هممون اینو میدونیم که برای کارایی بهتر و سریعتر پیشنهاد شده که به صورت CDN از کتابخونه ها ، و … استفاده بشه، اما  مروگری مثل firefox  فونت هایی که به صورت CDN و یا توسط هر دومین دیگری (Cross Domain ) به غیر دومین فعلی شما، لود می شوند رو بلاک میکنه. و اگر شما font رو به همین صورت لود کرده باشید با ارور زیر مواجه خواهید شد:

embed font cross domain

Cross Domain عبارت است از  بستری  که شرایط رو فراهم میکنه تا ارتباط بین یک یا چند دومین برقرار بشه.

اما یک راه حل ساده برای اینکار وجود داره که میتونید به مرورگر با استفاده از فایل htaacess اعلام کنید که از بلاک کردن این فونت ها جلوگیری کنه. کافیه کد زیر رو توی htaacess سایت خودتون قرار بدید :

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

شما با استفاده از این دستور در داخل فایل htaacess به مروگر دستور میدهید که فایل های فرمت فونت رو از حالت بلاک خارج بکنه ( از تمام دومین های به غیر از دومین شما).

دیگر نوشته های مرتبط با این دسته بندی