0

私はグーグルで、スタックオーバーフローで数時間検索しましたが、まだ機能していません。私の問題は、ie8 が私の font-face 宣言を完全に無視することです。ネットワーク タブに移動すると、サーバーからのフォントさえ必要としません (エラーは表示されませんが、呼び出しも表示されません)。誰にもアイデアがありますか？私はコンパスを使用しています：

@include font-face(
  fontello,
  font-files(
      "fontello.eot?98351649",
      "fontello.eot?98351649?iefix",
      "fontello.woff?98351649",
      "fontello.ttf?98351649",
      "fontello.svg?98351649#fontello"
  ),
  $weight:normal,
  $style:normal
);

これは次のようにコンパイルされます:

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

その後：

body {
  font-family: fontello, Arial, Helvetica, Verdana !important;
}

何か案が？ありがとう

4

2 に答える 2

1

Fontello には、IE8 に関する既知の問題がいくつかあります (さらに、IE8 にはカスタム フォントに関する問題があります)。

ここで同様の問題を確認してください: https://github.com/fontello/fontello/issues/70およびここで考えられる回答を確認してください: http://css-tricks.com/forums/topic/ie8-and-fontello/

仲間の開発者としての私のアドバイスは、IE8 を捨てるか、Fontello を捨てて、画像やスプライトを使った従来のアプローチを採用することです。

于 2013-11-08T15:13:34.527 に答える
0

解決済み: コンパス宣言のフォントファイルのかっこから fontello.eot を移動する必要がありました:

@include font-face(
  "fontello",
  font-files(
      "fontello.eot?98351649?iefix",
      "fontello.woff?98351649",
      "fontello.ttf?98351649",
      "fontello.svg?98351649#fontello"
  ),
  "fontello.eot?98351649"
);
于 2013-11-08T15:23:22.207 に答える