WordPressの‚No ‘Access-Control-Allow-Origin’ header is present‚エラーを解決する

WordPressサイトにCDNを追加し、CDNとサイトのメインドメインが異なるURLの場合、ソースコードを表示したときに‚no ‘access-control-allow-origin‚ header is present on the requested resource‘エラーが発生する可能性があります。この問題はフォントのクロスドメイン権限が原因です。Apacheを使用している場合は、ホストの.htaccessファイルに以下のコードを追加するだけで解決します。

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