7

このfontfaceがIE8でレンダリングされるのはなぜですか？

@font-face {
  font-family: 'Aller';
  src: url('aller_rg-webfont.eot');
  src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
       url('aller_rg-webfont.woff') format('woff'),
       url('aller_rg-webfont.ttf') format('truetype'),
       url('aller_rg-webfont.svg#AllerRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

そして、これはしません：

@font-face {
  font-family: 'Champagne';
  src: url('champreg-webfont.eot');
  src: url('champreg-webfont.eot?#iefix') format('embedded-opentype'),
       url('champreg-webfont.woff') format('woff'),
       url('champreg-webfont.ttf') format('truetype'),
       url('champreg-webfont.svg#Champagne&LimousinesRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

私は本当にそれを理解することはできません。明らかに、他のすべてのブラウザは正常に動作します。

4

3 に答える 3

32

.eotオンラインのwoff/ttf / svg to eotコンバーターを使用して、他のファイルの1つで新しいファイルを作成してみてください。

この新しいファイルが機能しない場合は、フォント自体に問題がある可能性があります。フォント名とファミリ名が実際のフォントファイル内で同じでない場合は、IE6-8が適している場合があります。それを修正するには：

  • FontForgeをダウンロードする必要があります
  • フォントを開きます
  • メニューからElement>を選択しますFont Info
  • フォント名、家系の名前、人間の名前がす​​べて同じであることを確認します
  • フォントをTTFまたはOTFとして保存し、オンラインコンバーターを使用してEOTファイルを吐き出します。

私がfont-faceで抱えていたすべての問題（CSSが正しければ）は上記の2つの解決策のいずれかで機能したので、幸運を祈ります:-) FontForgeを変更せずにフォントを保存し、いじる前にオンラインで変換してみてください。名前のプロパティを使用します。

于 2012-09-17T12:43:50.123 に答える
0
  1. これをhtaccessに追加しました。"BrowserMatchMSIEbest-standards-supportヘッダーセットX-UA-CompatibleIE= 8 env =best-standards-support"
  2. eotフォントを再変換しようとしています
  3. docコンパクト化モードの変更
  4. usleep機能を試しました
  5. setInterval js
  6. グーグルhtml5スクリプトを追加します
  7. ie8のボディ部分でcssを呼び出します
  8. データアイコンクラスを追加します
  9. 広告疑似要素js
  10. cssにpng＆svgフィルターを追加
  11. サーバーでのフォントタイプのアクセス許可を確認してください

追加すると最終的に機能します

.sassおよび.lesscss

ファイルハッピーコーディング...bysivakumar

于 2013-10-25T12:48:09.750 に答える
0

IIS（MVC環境）では、Web.configに次のルールを追加する必要がありました。

   <system.web>
    <httpHandlers>
      <add verb="GET" path="*.eot" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.svg" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.ttf" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.woff" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.otf" type="System.Web.StaticFileHandler" />
    </httpHandlers>
  </system.web>
于 2014-01-24T21:53:28.610 に答える