1

次の構文でMuseosans500フォントを使用しました 

@font-face {
    font-family: 'MuseoSans500';
    src: url('MuseoSans_500-webfont.eot');
    src: url('MuseoSans_500-webfont.eot?iefix') format('eot'),
        url('MuseoSans_500-webfont.woff') format('woff'),
        url('MuseoSans_500-webfont.ttf') format('truetype'),
        url('MuseoSans_500-webfont.svg#webfontkQkWxTED') format('svg');
    font-weight: normal;
    font-style: normal;
}

Firefoxでは正常に動作していますが、Chromeではフォントが正しく表示されません。

4

4 に答える 4

1

どのような問題が発生しているのかはわかりませんが、この Web サイトhttp://seanmcb.com/typekit/webkit-antialiasing-test.htmlでは、Webkit のバグのテスト ケースの概要が詳しく説明されています。経験しています。

自分のサイトでアンチエイリアシングの問題が発生しているので、疑似要素のトリックを試してみます。サイトで説明されているバグ: 「Mac の Webkit ブラウザーでは、@font-face フォントは、以前にレンダリングされたテキストが使用していたアンチエイリアス設定でレンダリングされます。」

次に、この問題に対して webkit に未解決のバグがあるかどうかを確認することをお勧めします。

于 2011-07-12T20:11:45.510 に答える
1

はい、これは正しいです。最初に SVG を定義してください。そうしないと、Chrome はそれを使用してフォントを表示し、ギザギザに見えます。最初に配置することで、Chrome が後の定義のいずれかを使用してフォントを表示することが保証されます。

于 2012-12-18T18:22:30.473 に答える
0

CSS では、SVG 形式を他のすべての形式より前に置きます。

于 2012-07-12T21:12:38.693 に答える
0

これは、Windows で実行している Chrome のバージョンが原因である可能性があります。Chrome 10 の @font-face レンダリングがスムーズすぎたことは知っています。スクリーンショットを撮って私たちと共有してから、ブラウザを更新し、別のスクリーンショットを撮って比較してください.

幸運を！

于 2011-07-06T13:57:05.800 に答える