Cross-OriginでWebフォントを使うとき注意すべきこと - Qiita

皆さん、Webフォント使ってますか？ Qiitaでも有名なアイコンフォントが使われてますね。FontAwesomeです。 今のところStableだとかBetaのChromeでQiitaを見ても何の問題も無いでしょう。(今回の辺りでは。) しかし、うちのChrome(38)ではこのようになってしまいます。 見事に豆腐です。 Why? ここでDevツールを開いてエラーログを見てみましょう。 そう。QiitaのFontAwesomeはcdn.qiita.comと言うCDNを経由して配信されていたんですね。でもChrome38以降のBlinkではフォントに対してもOriginチェックがあるらしい… ちなみに このことはChrome37までで既に予告されてたんですね。(手元にあったのがChromium37だったのでそれ以前のは確認できてませんが。) まとめ CDNとか経由してフォント配信する際はクロ

[y-kawaz]

あれ？3年以上前に試した頃には既にCORSチェックは入ってた気がするんだけど…、Chromeはそうなんだっけ。当時の目も見たらFirefoxはチェックするけどChromeはWebFontではチェックしてなかったんだな。

[kasumani]

Cross-OriginでWebフォントを使うとき注意すべきこと そう。QiitaのFontAwesomeはcdn.qiita.comと言うCDNを経由して配信されていたんですね。でもChrome38以降のBlinkではフォントに対してもOriginチェックがあるらしい… Tags: ifttt, kasumaniの