Q&A
errorcode
1Access to font at 'https://ドメイン１.ne.jp/wp/wp-content/themes/orion_tcd037/fonts/design_plus.woff?v=1.2' from origin 'https://ドメイン２.biz' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
デスクトップの特定のドメインのみウェブフォントが表示されない
ドメイン２.bizでアクセスしたときにウェブフォントが表示されない状況です。
スマホなどで上記にアクセスしたときは表示されました。
WordPress使用しています。どこのファイルを触ればよいでしょうか。
多分この記事が答えを書いていてくれるのですがうまく読み解けない状態です。
https://developer.mozilla.org/ja/docs/Web/HTTP/HTTP_access_control
解決できれば記事に触らなくても大丈夫です。よろしくお願いいたします。
回答1件
0
ベストアンサー
Access to font at 'https://ドメイン１.ne.jp/wp/wp-content/themes/orion_tcd037/fonts/design_plus.woff?v=1.2' from origin 'https://ドメイン２.biz' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
CORS 問題ですね。
CORS を使用したリクエストとは
このオリジン間共有仕様は、以下のようなサイト間 HTTP リクエストを有効にすることができます。
(略)
ウェブフォント (CSS の @font-face で別ドメインのフォントを利用するため)。これによりサーバーは、許可したウェブサイトのみから読み込みや利用ができる TrueType フォントを提供できます。
(略)
現在、ドメイン１.ne.jp 側がどのように設定しているのか不明ですが、ドメイン１.ne.jp 側で、 ドメイン２.biz からコンテンツを利用できるように許可してください。
CORS 問題かどうかの判断は、まずは、メイン１.ne.jp 側のヘッダで、
Access-Control-Allow-Origin: *
を送信するように設定して、すべてのサーバーにコンテンツを許可することでしょうか。
これで、問題なく動作することを確認したら、Access-Control-Allow-Origin: の設定を許可するサイトだけに設定してみてください。
投稿2020/07/31 07:41
総合スコア25171
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/07/31 13:34