مشکل CORS policy در نمایش فونت ها در وب

مشکل CORS policy در نمایش فونت ها در وب

با بررسی یکی دیگر از خطاهای خاص و ویژه ی صفحات وب که تخت عنوان آموزش های مبتنی بر تجربه می باشد در خدمت شما هستیم.

در این آموزش به بررسی رفع خطای :

Access to font at from origin has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource

می پردازیم.

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

با ما همراه باشید.

 

مشکل CORS policy در نمایش فونت

مشکل CORS policy در نمایش فونت

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

کمی بیشتر بررسی کردیم و در بخش console مرورگر با خطای

Access to font at from origin has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource

برخوردیم.

بعد از جستجوهای مکرر در سایت های مختلف مثل stackoverflow روش حل این مشکل را یافتیم.

حل مشکل CORS policy در صفحات وب

برای اینکار وارد کنترل بپنل cpanel خود شوید. (اگر هاست با کیفیت نیاز دارید روی این لینک کلیک کنید.)

وارد فایل منیجر خود شوید و در مسیر public_html فایل htaccess را پیدا کنید و به حالت ویرایش این فایل بروید؛ در انتهای این فایل کد زیر را اضافه کنید:

نکته : 

  • قبل از هرگونه ویرایشی نسخه ی پشتیبان از پروژه ی خود تهیه کنید.
  • کد بالا تست شده و نتیجه ی عملی دارد در صورتی که برای شما این کد کار نکرد می توانید در این لینک روش های دیگری را نیز مشاهده کنید.
  • اگر روش های بهتری برای انجام این کار سراغ دارید در بخش نظرات برای ما ارسال کنید.

 

برای دریافت فونت فارسی برای صفحات وب روی این لینک کلیک کنید.

موفق باشید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]
با دوستانتان به اشتراک بگذارید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code