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

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

hetemlやConoha WINGで症状がおきました。

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

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

Just a moment...

stackoverflow.com

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