web-dev-qa-db-ja.com

Chromeでのフォントレンダリングが悪い原因は？

Firefox（10.0）では問題ないのにChrome（16.0.912.77 m）で表示すると、一部のWebページのテキストが見栄えが悪いことに気付きました。FWIW、これらのアプリケーションのWindowsバージョンを使用しています、デフォルト設定で。

（皮肉な）例として、 www.google.com/webfonts 。

誰かがそれがなぜであるか、そしてそれについて何かができるかどうか知っていますか？

ありがとうございました。

編集：別の例：

enter image description here

編集：FireFoxでの外観は次のとおりです。

enter image description here

google-chromefontsrendering
8
OverTheRainbow

私はまったく同じことの解決策を探していました：chromeレンダリングを改善するため。WindowsのFirefox、IE、およびsafariと比較して恐ろしいものでした（Safariのソフトウェアレンダリングモードは、 mac、しかしそれは少し遅いです）。

FirefoxとIE9がうまくレンダリングされる理由は、DirectWriteハードウェアアクセラレーションを使用してフォントをレンダリングするためです。

ChromeでGPUアクセラレーションをオフにすることをお勧めします。しかし、それは機能しません。テキストが判読可能になる（完全にアンチエイリアス処理されて美しいことについては何も言わなかった）という、十分に良い解決策を見つけました。

WOFFラインとSVGラインを削除します!!!!

@font-face {
    font-family: 'SomeFont';
    src: url('../fonts/SomeFont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/SomeFont.ttf')  format('truetype');
    }

私が見つけたのは、ChromeはTTFレンダリングをより良くすることができますが、最初にWOFFファイルを探すことを選択します。したがって、必要なのはEOTファイルとTTFファイルだけです。

1
Josephus

ChromeはフォントのレンダリングにWindowsを使用します。 Windows 8ベータ版では、他のどこよりもはるかに悪いです-Googleでスワイプしているように見えるほどです。 Firefoxは独自のフォントレンダリング方法を使用しているため、ブラウザは重くなりますが、問題は回避されます。

ClearTypeを調整しても効果がない場合は、できることはあまりありません。

皮肉なことに、IE9 +はどのブラウザエンジンよりも優れたフォントレンダリングを備えています。言い換えれば、Microsoftでさえ、wwwに関しては独自のくだらないフォントエンジンを使用することを拒否しました。

Chromeがまだより良いソリューションをまとめていない理由がわかりません。

0
Imperative Ideas