2017-12-27 10 views
0

私は、次のフォント-face規則を使用しています:IEで動作しないフォント・フェイスまたはエッジ

@font-face { 
    font-family: aiCustomFont; 
    src: url('../fonts/myriadpro-regular.otf') format('opentype'), 
     url('../fonts/myriad pro regular.ttf') format('truetype'); 
} 

これは、サファリ、クロム、およびFirefoxのための期待どおりに動作します。 IE11とEdgeではまったく動作しません。私は、コンソールや他のどこにでもエラーを記録していません。私はIEでフォントの問題に関する多くの記事を見つけましたが、それらのほとんどは数年前です。

IE11/Edgeでフォントを表示するには、TTF/OTFの外で別のフォントフォーマットが必要ですか?

+1

これを最初にチェックしてくださいhttps://stackoverflow.com/questions/8050640/how-does-iefix-solve-web-fonts-loading-in-ie6-ie8 –

+1

他のブラウザをサポートするために、より多くのフォントフォーマットを呼び出す必要があります。 Woffとwoff2は厳密に一致する必要があります。詳細はこちら:https://graphicdesign.stackexchange.com/questions/63882/whats-the-smallest-set-of-web-font-formats-that-c​​overs-all-browsers –

+0

ええと、もし私が利用可能なWOFF/WOFF2フォントフォーマットを持たないフォントは、私がSOLであると思われます。どのように不幸です。 –

答えて

0

誰かがこの投稿を遭遇した場合、私はウェブにやさしいフォントを使用しています。

追加スーパー後期編集2018年2月7日 -

あなたのする@ font-faceルールはメディアクエリに含まれていないことを確認してください。メディアクエリに含まれる@ font-faceルールはIE、Edgeでは動作しませんが、私がテストした他の最新のブラウザでも動作します。

関連する問題