2011-10-26 18 views
1

私はGoogleのフォントapiを使用していますが、フォントはGoogleでうまく見えますが、使用しようとすると正しく表示されません。埋め込みフォントが正しく表示されないのはなぜですか?

https://twitter.com/dontdie/status/129234318299111424/photo/1

これはクロムである、二つの異なるタブ:ここでは一例です。何らかの理由でChromeが自分のサイトで「サブピクセルレンダリング」(http://en.wikipedia.org/wiki/Subpixel_rendering)を使用していませんが、Googleではオンになっています。

+0

グーグルが使用している背景色を除いて、私は正直なところ違いを見ることはできません。これは、違いがあるという錯覚を与えるかもしれない若干異なる色合いを与えます。私はフォントのオタクです。何か不足していますか? – Benteh

+0

..ライブウェブの例が良いかもしれません。 – Benteh

+0

私はズームアウト時にその違いに気づくのが難しいので、私はその例をしました。しかし、アンチエイリアスの違いに気づくでしょう。上の例では、アンチエイリアスを改善するために微妙な色の違いを使用していますが、下にはグレーの色合いを使用しています。あなたは色の違いに気づいていますか? – quinn

答えて

0

私はこれを理解したと思います。私のスタイルシートにこれらのルールを追加すると、それを修正するように見えた:

body, body * { 
    background-color: #fff; 
    -webkit-font-smoothing: subpixel-antialiased; 
} 

だけでは動作しませんでしたし、ちょうど体に背景色を追加すると、動作しませんでしたsubpixel-antialiasedを設定します。これはおそらくただ*またはhtml *を選択するために単純化することができます。また、subpixel-antialiasedがデフォルトであるので、そのルールを削除することも有効です。

関連する問題