質問: ### 前提・実現したいこと adobeのWEBフォント(adobeFONTS)をワードプレス(https://example.com)で読み込めない cms=ワードプレス cmsインストール先=サブドメインの/testフォルダ ### エラーメッセージsafari ``` Origin https://example.com is not allowed by Access-Control-Allow-Origin. ``` ### エラーメッセージchrome ``` Access to XMLHttpRequest at 'https://p.typekit.net/p.gif?●●●●●●●' from origin 'https://example.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. ``` ### 試したこと ワードプレス のfunctions.htmlに「header("Access-Control-Allow-Origin: *");」と追記 ワードプレス のインストールディレクトリに下記.htaccessファイルをアップロード ``` Header set Access-Control-Allow-Origin "*" ``` 上記のFilesMatchタグの開始と終了をとってもエラーが出ます。
回答: 解決というより暫定的な対応です。 adobeに問い合わせたところ、 「Web プロジェクトを利用されている Web ページにて、フォントにアクセスする際にエラーが発生する事象が起きているとのことでした。そちらは弊社でも確認しているエラーでして、現在弊社にて本社に確認中でございましたので、改善までおまちいただけますようお願いいたします。」とのことで、私以外の人が作ったwebページでも起きている事象とのことです。 ワードプレス外のディレクトリにadobefontsを埋め込んだページをアップしアクセスするとエラーは起きませんでした。ワードプレスのリダイレクト機能が原因なのではないかと個人的には思っております。 そのためadobeの対応を待つか、ワードプレス外でadobefontsを利用するしかないようです。