3

私が知る限り、 @font-face フォントを正しく埋め込んでいます (確認して再確認しました) が、IE8 でこれまで経験したことのない奇妙な動作をします。

IE8 では、完全にレンダリングされたフォントのフラッシュがあり、その後、非常にブロック状に切り替わります。他のすべてのブラウザー (IE9+、Webkit など) では問題なく動作します。

これは問題のサイトです: http://scope-art.com/

私はeotフォントを次のように正しく提供しています:

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

誰が何が起こっているのか説明できますか?

4

1 に答える 1

0

IE8 でフォントを埋め込むには、フォントの EOT バージョンを提供する必要があります。
これが、あなたが望むように機能しない理由かもしれません。

font-face コードを準備するためのツールとして、Font Squirrel @font-face Generatorを試すことができます。

于 2013-02-27T22:05:24.890 に答える