私のウェブサイトwww.jungledragon.comは、アイコンフォント "FontAwesome"を大量に使用しています。今週私はIE11がインストールされているWindows 8.1にシステムをアップグレードしました。IE11のWindows 8.1でFontAwesomeが読み込まれない
CSS3117: @font-face failed cross-origin request. Resource access is restricted.
File: fontawesome-webfont.eot
CSS3117: @font-face failed cross-origin request. Resource access is restricted.
File: fontawesome-webfont.woff
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. File: fontawesome-webfont.ttf
が、私はこれらのエラーは、彼らは上のホストされているため、実際のフォントファイルに、元の権限を横切るように関連している何を意味するか知っている:私はFontAwesomeフォントが完全にロードに失敗し、ブラウザのコンソールがこれらのエラーを示していることに気づきました私の場合はAmazon S3。
しかし、ここには奇妙なことがあります。問題のバケットにCORSポリシーが適用されていますが、これは常に有効です。さらなる研究をするために、私はIE11をIE10、IE9、IE8という異なる文書モードに入れようとしました。フォントはすべての場合に読み込まれません。これは奇妙なことです.Windows 8でIE8,9,10でうまくいくからです。
ドキュメントモードの代わりに本物のネイティブブラウザバージョンを使用して、ブラウザスタックを使用して実際のテストを続けたので、これらのドキュメントモードは実際に役に立たないようです。 Windows 7と8の両方で、フォントはIE8,9,10、およびIE11プレビューで正常に読み込まれます。
私は今どこに問題があるのか分かりません。問題はWindows 8.1の具体的な結果ですか(それは私のようですが、ブラウザスタックではテストできません)。それとも、IE11の最終版でのみ問題になるのでしょうか?もしそうなら、なぜすべての文書モードで問題になるのでしょうか?
注:ウェブサイトでは、ウェブサイト上で、フォントがロードされているかどうかを確認するのが非常に簡単です。グローバルナビゲーションバーには、アイコンやサイトの他のいくつかの領域がありません。
答えに感謝します。私はIE 8.1のWindows 8.1ではウェブフォントが全く動作しないとは思わない。たとえば、私のサイト「JungleDragon」のロゴテキストは、GoogleのWebフォントを使用しています。さらに、公式のフォントワームのウェブサイトでは、W8.1/IE11上のフォントもうまく表示されています。 – Ferdy
すみません、お手伝いできませんでした。返信いただきありがとうございます。少なくとも、それはすべてのWebフォントに影響を及ぼさない緩和剤です。私は非常に興味があり、誰かがあなたの問題に対する答えを知って欲しいと願っています。 –
私はそれがクロスドメイン要求と関係していると思います。 – jao