2013-10-22 10 views
7

私のウェブサイト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の最終版でのみ問題になるのでしょうか?もしそうなら、なぜすべての文書モードで問題になるのでしょうか?

注:ウェブサイトでは、ウェブサイト上で、フォントがロードされているかどうかを確認するのが非常に簡単です。グローバルナビゲーションバーには、アイコンやサイトの他のいくつかの領域がありません。

答えて

1

私はまだコメントできませんので、私は答えとしてこれを掲示しなければならない。..

これは、Googleが認めた公式問題(242)である: https://code.google.com/p/googlefontdirectory/issues/detail?id=242

あなたはそれを追跡することができます;-)

私が正しく理解していれば、どのWebフォントもWin 8.1のIE11では動作しません。それは私たちの多くにとって本当に悪いでしょう:-(

+0

答えに感謝します。私はIE 8.1のWindows 8.1ではウェブフォントが全く動作しないとは思わない。たとえば、私のサイト「JungleDragon」のロゴテキストは、GoogleのWebフォントを使用しています。さらに、公式のフォントワームのウェブサイトでは、W8.1/IE11上のフォントもうまく表示されています。 – Ferdy

+1

すみません、お手伝いできませんでした。返信いただきありがとうございます。少なくとも、それはすべてのWebフォントに影響を及ぼさない緩和剤です。私は非常に興味があり、誰かがあなたの問題に対する答えを知って欲しいと願っています。 –

+0

私はそれがクロスドメイン要求と関係していると思います。 – jao

2

fast.fonts.comでAvenirフォントを使用しているのと同じ種類のエラーが表示されています。IE10,9,8で完全に正常に動作します。 IE11を使用してWindows 7上で公開されました

fast.fonts.comで不思議な点は、JSファイルまたはCSSファイル呼び出しのいずれかを選択することですJS呼び出しが失敗し、

CSS3114:@ font-faceは、OpenTypeの埋め込み権限のチェックに失敗しました。インストールが許可されている必要があります。ファイル:6662a841-5b52-4af6- a868-6b43e3d7b263.ttf

+0

fonts.com(fasts.fonts.com CDNパス)を使用して、メソッドをJSからCSSに変更すると、私のトリックになりました。 Firefoxを含め、すべてのブラウザが良好です(これはこの回答の約2年後です)。 –

0

奇数今日、私はBrowserStackからWindows 8.1上のIE11をサポートするというアナウンスを受けましたので、この機会にきれいなテストをしました。フォントロードの問題は発生しませんでしたが、うまく読み込まれました。

私はローカルのWindows 8.1でIE11を使用して別のテストを行いましたが、ここでも解決されています。私はそれを変えることは絶対に何もしなかった、それはそれ自身を解決したようだ。私が考えることができるのは、自動化されたアップデートがWindows 8.1/IE11にプッシュされたことだけです。いずれにせよ、それは今解決される。

関連する問題