2

以下のCSSを持つサイトがあります。スマイリー フェイスは、IE 7 および IE 8 で動作するように存在します。ただし、サイト フォントは、IE 9、chrome、firefox などでは正常に動作しますが、IE 7 および 8 では動作しません。 

@font-face {
        font-family: 'BrauerNeue-Bold';
        src: url('fonts/brauerneue-bold-webfont.eot');
        src: local('☺'), 
              url('fonts/brauerneue-bold-webfont.woff') format('woff'), 
              url('fonts/brauerneue-bold-webfont.ttf') format('truetype'),
              url('fonts/brauerneue-bold-webfont.svg#webfontvlyLbaAW') format('svg');
        font-weight: normal;
        font-style: normal;
    }

また、次のことを確認しました。

  1. eot、woff、および ttf フォントは、Fonts フォルダーの下にあります。

  2. URL 経由で直接アクセスすると、これらのファイルをダウンロードできます。

  3. 最初はフォントが IE7 および 8 で正常にロードされますが、CTRL + F5 を実行するか、ブラウザーを更新すると、上記のフォントがレンダリングされません。

  4. IIS 7.0 MIME タイプに eot が存在することを確認しました。

  5. HTTP か HTTPS かは関係ありますか

  6. IIS 構成が必要ですか?

上記のフォントを IE7 および 8 で動作させる方法を教えてください。

ありがとう

4

2 に答える 2

1

このように使用してください -

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

詳細はこちら

于 2012-09-24T11:42:07.517 に答える
0

プロパティの2倍を書いていsrcます。2 番目のものは最初のものを消去します。

また、IE7 および IE8 での font-face のサポートには含まれていません。

つまり、組み込みの opentypeフォントを使用する必要があります。

しかし、唯一可能な値を消去すると、使用できなくなります...

あなたはこれを行うことができます：

@font-face {
    font-family: 'BrauerNeue-Bold';
    src: local('☺'), 
          url('fonts/brauerneue-bold-webfont.eot'),
          url('fonts/brauerneue-bold-webfont.woff') format('woff'), 
          url('fonts/brauerneue-bold-webfont.ttf') format('truetype'),
          url('fonts/brauerneue-bold-webfont.svg#webfontvlyLbaAW') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2012-09-24T11:42:11.620 に答える