Googleのwebfontsがchromeで悪く見える

Question

私は自分のサイトのGoogle Webフォントに大きく依存しています（残念なことに）Google Chromeはそれらをひどく贈ります。私はいつもfont-smoothを設定していますが、 例：

私は彼らが良く見えるように/それらを滑らかにする可能性のある方法はあります？

おかげで、あなたは、Googleのサーバーからフォントを取得している場合は、あなたのクライアントは、2つのサーバー要求をあなたのサイト用とGoogleウェブフォントサーバのための1つを作るために持っているので

Answer 1

それはあまりスムーズかもしれません。したがって、フォントをダウンロードしてサイトにホストすると、フォントがよりスムーズになり、スムーズに読み込まれるようになります。また、私は高さが彼らが見える方法で多くをしなければならないことが分かった。いくつかのフォントは、悲しいことに、彼らが150pxまでぶら下がったときに歪んで見えます。フォントの高さを低く抑えてください。

Answer 2

個人的に私はそれがすべてのサーバー上でホストされていると、それはほぼすべてのブラウザと互換性のだ

http://www.fontsquirrel.com/

を使用します！フォントリスを使用して以来、私は他の場所を見ていません。

Answer 3

GChromeではフォントのレンダリングの問題がよく発生します。@ font-faceソースの順序を変更してみてください... Chromeは@ font-faceソースで.svgファイルを使用しますが、何らかの理由で.svgフォントフェース順序@順序が似ている場合

@font-face { 
font-family: 'my-dirty-font'; 
src: url('../fonts/my-dirty-font.eot'); 
src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'), 
url('../fonts/my-dirty-font.woff') format('woff'), 
url('../fonts/my-dirty-font.ttf') format('truetype'), 
url('../fonts/my-dirty-font.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

リストの最後と呼ばれていることは、あなたの質問は何ですか？

@font-face { 
    font-family: 'my-dirty-font'; 
    src: url('../fonts/my-dirty-font.eot'); 
    src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'), 
    url('../fonts/my-dirty-font.svg') format('svg'); 
    url('../fonts/my-dirty-font.woff') format('woff'), 
    url('../fonts/my-dirty-font.ttf') format('truetype'), 
    font-weight: normal; 
    font-style: normal; 
    }