0

IE7 のカスタム アイコン フォント パックに問題があります。まったく読み込まれていません。IE8+、FF、Chrome でうまく機能します。IE8 も eot を使用しているため、フォント ファイル自体の問題ではありません。

[ネットワーク] タブの IE11 の IE7 モードでは、eot ファイルへの要求がまったくないことが示されます (ただし、IE8 モードではあり、仮想マシンでネイティブ IE7 も試しました)。

リクエストがあるかどうかを確認するために Fiddler も試しましたが、何もありません。

次のコードを使用してフォントを埋め込みます。

@font-face {
  font-family: "Icons";
  src: url("./Icons.eot");
  src: url("./Icons.eot?#iefix") format("embedded-opentype"),
       url("./Icons.woff") format("woff"),
       url("./Icons.ttf") format("truetype"),
       url("./Icons.svg#Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

私もIE7だけに集中しようとしたので、それらを削除してこれだけを使用しました:

@font-face {
  font-family: "Icons";
  src: url("./Icons.eot");
  font-weight: normal;
  font-style: normal;
}

まだ成功していません.Fiddlerはまだファイルへのリクエストを認識していません.

Nginx サーバーを使用しており、eot ファイルに次の MIME タイプを追加しました。application/vnd.ms-fontobject

また、クロスドメインリクエストでなくても、Access-Control-Allow-Origin念のため追加しました。

リクエストすらまったくない理由は何ですか？

4

1 に答える 1

0

私は "FontAwesome way" に行くことにしました。CSS 式を使用して別の IE7 スタイルシートを作成しました。

.icon-caret-down {
    font-family: "Icons";
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
    font-style: normal;
}
于 2015-01-22T16:39:50.493 に答える