3

ページで CFF フォントを使用していますが、ブラウザーで鋸歯状に表示されます。

ここで、私がどのように使用しているかを確認できます: JSfiddle

HTML

<p>Hello everyb@dy!</p>

CSS

body{
    font-size: 10px;
}

@font-face {
    font-family: Planer_ExtraLight;
    src: url('http://www.digitalpersone.com.br/projetos/fonts/planer_extralight.svg#Planer_ExtraLight') format('svg'),
        url('http://www.digitalpersone.com.br/projetos/fonts/Planer_ExtraLight.otf'),
        url('http://www.digitalpersone.com.br/projetos/fonts/Planer_ExtraLight.eot');   
}

p{
    font-family: Planer_ExtraLight;
    font-size: 4em;
}

誰でも私を助けることができますか？

4

1 に答える 1

2

これはうまくいくはずです：http://jsfiddle.net/Allendar/aKGam/1/

p {
    font-family: Planer_ExtraLight;
    font-size: 4em;
    font-smooth: subpixel-antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
}

結果

ここに画像の説明を入力

アップデート

MDNを確認してください。ほとんどのブラウザでは動作しないようです。-webkit-font-smoothingスタイリングに追加するために、他のブラウザーの同様の機能を調べてみてください。

Safari で見られる品質の向上はとてつもなく大きいものです!

更新 2

これは Firefox で動作する可能性があることがわかりました。

browser.display.auto_quality_min_font_size = 0; // default = 20

.. ここで、低いほど品質が高くなり、レンダリングが遅くなり、逆もまた同様です。

アップデート 3

これも興味深いです ( https://developer.mozilla.org/en-US/docs/CSS/text-rendering );

text-rendering: geometricPrecision;
于 2013-04-01T15:17:54.760 に答える