お問い合わせはコチラから

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

サイト運営

先日、ドメイン変更したサイトで、以下のメッセージが表示されてフォントが読み込めない状況になりました。

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

クロスドメインでもないのになぜ??と思ったのですが、解決方法がありました。

Access to font at from origin has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
I have two problems in my website: 1) Mixed Content: The page at ' was loaded over HTTPS, but requested an insecure font '
<IfModule mod_headers.c>
   Header set Access-Control-Allow-Origin "*"
</IfModule>
<FilesMatch ".(eot|ttf|otf|woff)">
   Header set Access-Control-Allow-Origin "*"
</FilesMatch>
タイトルとURLをコピーしました