私は自分のウェブサイトで Google Webfonts を使用しています。Chrome のコンソールに次の警告が表示されます。
Blink は、仕様に準拠していないクロスオリジン Web フォントのリクエストを拒否することを検討しています。http://fonts.gstatic.com/s/raleway/v8/0dTEPzkLWceF7z0koJaX1A.woff2これらのリクエストを仕様に準拠させるには、Access-Control-Allow-Origin を使用してください。
リクエスト ヘッダーを検査すると、Access-Control ヘッダーが存在しないようです。
Remote Address:109.231.231.219:80
Request URL:http://fonts.gstatic.com/s/raleway/v8/0dTEPzkLWceF7z0koJaX1A.woff2
Request Method:GET
Status Code:304 Not Modified
Request Headersview source
Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8,en-GB;q=0.6
Cache-Control:max-age=0
Connection:keep-alive
DNT:1
Host:fonts.gstatic.com
If-Modified-Since:Mon, 04 Aug 2014 17:04:46 GMT
Origin:http://samarkanddesign.com
Referer:http://samarkanddesign.com/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.125 Safari/537.36
Response Headersview source
Age:369865
Date:Fri, 08 Aug 2014 02:01:39 GMT
Expires:Sat, 08 Aug 2015 02:01:39 GMT
Server:GFE/2.0
これを解決するにはどうすればいいでしょうか? CORS を完全に理解していないので、何が起こっているのか説明してくれる人はいますか。Firefox と IE でページを表示すると、フォント要求がブロックされるようです。
1つ注意すべきことは、私がこのサイトを会社のネットワークで閲覧しているということです。奇妙な設定やプロキシがアクセス制御ヘッダーを削除している可能性があります。通常の接続でヘッダーが通常存在することを確認できる人はいますか? ページは次の場所にあります。http://samarkanddesign.com
ベストアンサー1
わかりました。明らかに Google Fonts はクロスドメイン アクセスを許可しています。そうでなければ、このサービスはあまり役に立ちません。
私の特定の問題の説明は、私が企業のインターネット接続を使用していることです。Web 応答からアクセス制御ヘッダーを削除するプロキシを使用しているに違いありません。これにより、リソースを読み込むときにブラウザが警告またはエラーを表示します。
私は IT 部門に連絡し、プロキシの設定ミスについて警告しました。おそらく修正されるでしょう。