1

特定のクライアントの要件により、Web サイトのメイン ブラウザーとして IE8 を使用する必要があり、ページの見出しに独自のカスタム フォントを使用する必要があります。より正確にはH1です。私が抱えている問題は、まったく同じページ (ページに関係なく) で、見出しがカスタム フォントを使用して正しくレンダリングされることもありますが、IE8 がテキストを台無しにして、明らかにフォールバック フォントを適用することもあります。

以下は 2 つのスクリーンショットです。1 つはフォントが正しく適用されており、もう 1 つは適用されていません。

良いフォント: 良いフォント

悪いフォント: 悪いフォント

そのカスタム フォントのルールを定義する次のスタイルシートがあります。あらかじめお詫び申し上げますが、フォント名を公開することはできません（NDA有効）。

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

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

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

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

そして、見出しの font-family を設定したスタイルシート:

h1 {
    color: #E60000;
    font-family: 'secretfont_ltregular', Arial, Helvetica, sans-serif;
    font-size: 36px;
}

考えられることはすべて試しましたが、IE8 から一貫した動作を得ることができないようです。正常に機能させるにはどうすればよいですか？

4

1 に答える 1

1

私は同様の問題を抱えていました - すべての EOT ファイルは IE8 によって正常に読み込まれましたが、散発的にしか適用されませんでした。多くのフラストレーションの後、機能しているように見えた唯一のことは、タグのすぐ下にクロム フレーム メタ タグを追加することです。

<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />

2014 年 1 月http://www.chromium.org/developers/how-tos/chrome-frame-getting-startedで chrome フレームのサポートが終了することに注意してください。

于 2013-11-06T15:58:24.673 に答える