IEは時々WOFFと時々EOTフォントタイプをロードします

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

この行がする@ font-faceセレクタとCSSファイルをダウンロードします。私のindex.htmlでは、私は、次のタグを持っています。 CSSから来る "src"プロパティはブラウザによって異なるようです。

Chromeでは、問題なしで、WOFF2フォントをダウンロードします。しかし、IE11では、ブラウザがWOFFフォントをダウンロードしたり、EOTフォントをダウンロードすることがあります。 WOFFでは、アイコンが表示されます。 EOTでは、そうではありません。

あなたはWOFFフォントをダウンロードするには、ブラウザを強制的にどのようなアイデアを持っていますか？フォントフェースをローカルに保存しないようにしたいと思います。

ありがとうございました！

2017-12-01 mike

使用したいフォントは使用できますか？ – Rob

もちろん、IEがWOFFタイプとしてダウンロードすることがあり、アイコンが表示されることがあります。フォントはGoogleのMaterial Iconです。 IEは、特にFiddlerを開いているときにWOFFとしてダウンロードします... – mike

だから、同じフォント*がダウンロードされていて、それがeotとしてダウンロードされていると言いますか？ – Rob

まあ、私は最終的にMaterial Iconフォントを使用する方法を変更しました。

私は私のindex.htmlファイルに次の行を削除：私はNPM経由材料設計・アイコンパッケージをインストールし、私は私の角度-CLIのスタイルセクションを設定し

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

を。このようなCSSファイル上のポイントにJSONファイル：

今

"styles": [ 
    "<relative_path>/node_modules/material-design-icons/iconfont/material-icons.css" 
]

は、IE11は常にWOFFタイプをロードします。

問題が解決しました。

2017-12-04 10:00:14 mike

答えて