0

Web サイトでカスタム フォントを使用しようとしていますが、Chrome (最新) および Opera ブラウザーでは正しく表示されませんが、他のブラウザーでは正しく (滑らかに) 表示されます。いくつかの異なるフォントを試しましたが、Chrome/Opera でも同じ結果になりました。

私のコード:

@font-face {
    font-family: 'mainFont2';
    src: url('../fonts/Eurostile.eot');
    src: local('☺'), url('../fonts/Eurostile.woff') format('woff'), url('../fonts/Eurostile.ttf') format('truetype'), url('../fonts/Eurostile.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

問題：

ここに画像の説明を入力

4

2 に答える 2

2

これは、ブラウザーと OS がフォントをレンダリングする方法です..しかし、.woff 形式の前に .svg 形式を呼び出そうとすると、これが修正される可能性があります。

@font-face {
    font-family: 'mainFont2';
    src: url('../fonts/Eurostile.eot');
    src: local('☺'),
    url('../fonts/Eurostile.svg') format('svg'), 
    url('../fonts/Eurostile.woff') format('woff'), 
    url('../fonts/Eurostile.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
于 2013-01-14T22:23:12.213 に答える
1

この質問を参照します: https://stackoverflow.com/a/4060778/1121870

または font-smooth を試してください: http://www.w3.org/TR/WD-font/#font-smooth-prop

そして、ちょっと厄介なハックがあります: http://www.elfboy.com/blog/text-shadow_anti-aliasing/

于 2013-01-14T22:26:27.070 に答える