Google Chromeでフォントの外観を改善するにはどうすればよいですか？

。

左側にFirefox 4、右側にChrome 12があります。Chromeをよりきれいにレンダリングする方法はありますか？

上記の画像は、Windows XPで撮影されました。以下は、Windows 7の別の例です。

ClearType設定を確認します-Chromeのスクリーンショットは、アンチエイリアスなしでレンダリングするように強制されているように見えます。モノクロのヒントがないため（サイズ上の理由から）、ほぼすべてのWebフォントが削除されます。これは、OSレベルのClearType設定を無視し、デフォルトでオンにするため、「IEはテキストをより適切にレンダリングする」と報告されていました。

それらの答えはすべて間違っています！これはGoogle Chromeの大きなバグです。多くのスクリーンショットを含む公式バグレポート/スレッドはこちらをご覧ください：Chromeコードの公式バグレポート

現在、最善の回避策は、要素/見出しにこの単純なルールを単純に与えることです：

-webkit-text-stroke: 1px

ジョン博士からの追加：私html { -webkit-text-stroke: 0.25px}もうまくいく提案を見つけました-https: //groups.google.com/forum/?fromgroups# ! topic/mathjax - users/dV_TmJ1QMO4で見つけました

Chromeは、Windows XPではデフォルトでオフになっているClearType設定を読み取っています。

1. この問題を解決するには、まずChromeブラウザーを閉じます。

2. デスクトップの任意の場所を右クリックして、ドロップダウンメニューから[プロパティ]を選択します。

3. 新しいウィンドウの上部にある[外観]タブをクリックします。

4. [効果]ボタンをクリックします。

5. 2番目のオプションは、「次の方法を使用してスクリーンフォントの端を滑らかにします」と表示されます。

6. 「ClearType」オプションを選択します。

7. [適用]をクリックして、Chromeブラウザを再度開きます。

これ以降、Chromeはそのスムーズな効果のためにフォントをアンチエイリアス処理してレンダリングします。

SVGファイルをfont-face cssルールの上位、たとえば1番目または2番目に配置します。

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

の代わりに：

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}

この修正の例は次のとおりです。

FontSpringの例
Adtrakの例

Google ChromeでGPUアクセラレーションを有効にしていますか？入力about:flagsしてGPUを探し、Accelerated Canvas 2D有効になっている場合は無効にします。一部のサイトのフォントは、アクセラレーションを有効にして閲覧すると本当にギザギザに見えます。

Google Chrome内で、[レンチ]> [オプション]> [高度な設定]> [Webコンテンツの横]をクリックして、[フォントのカスタマイズ]をクリックします。

あなたのページが私のもののように見えるように設定を変更します

次に、xをクリックして、問題が修正されたかどうかを確認します。

これで解決しない場合は、もう1つあるかもしれません...しかし、あなたがこれを試すまで待ち​​ます。

現在、ChromeはWebフォントを適切にレンダリングしません。この問題の問題トラッカーにはいくつかのバグがあります。あなたに関連するものにスターを付けて、もっと注意を向けてください。

Chromeでhttp://www.google.com/webfontsからWebフォントをレンダリングするというまったく同じ問題がありました。私はこのサイトと他のいくつかのサイトですべての提案を試みましたが、どれも機能しませんでした。

最終的に、影響を受けたテキストのCSSプロパティの検査を開始しましたが、問題の原因となった実際のフォントの色が判明しました。与えられたタイトルcolor:#454545はレンダリングが悪くなりますが、同じタイトルは次のように与えられます：color:#333うまくいきました。ユーザーエージェント固有のスタイルシートを神に感謝します！

Windows XPでは、
ディスプレイ→プロパティ→外観→VisualEffectsでアンチエイリアスオプションを「デフォルト」から「タイプをクリア」に変更しました。

ChromeはフォントのシステムclearType値を取ります。Windows 7の見栄えはそれを説明しています。Macでは、サイズ8以上のすべてのフォントに対してアンチエイリアスが有効になっていると思います。WindowsマシンのclearTypeをオンまたは変更してみてください

更新：Chrome 22以降のように、システム設定を無視しますclearType

Windows XP SP3でこの問題が非常に深刻だったため、Chromeはすべての意図と目的に使用できなくなりました。コントロールパネルにClear Type Tuningをインストールしたことに気づき、詳細タブで[フォントスムージングを有効にする]のチェックを外してみました。Chromeを再起動した後。フォントスムージングを再度オンにした後でも、それは問題ありませんでした。「すべての設定を新しいユーザーとシステムのデフォルトに適用する」ボックスをチェックすることにしました。

私にとっては、Windows 10.1 x64のClearType設定ではありませんでしたが、DirectWriteというChromeブラウザーの設定であることがわかりました。

1. Chromeのアドレスバーに次のように入力します。 chrome://flags/#directwrite
2. そして、DirectWriteをオンにすると、この設定のタイトルに「DirectWriteを無効にする」と表示され、その下のボタンに「Enable」という単語が表示されることを確認します。

これで問題は解決しました。

長くて難しい答えはできないようです。Chromeヘルプには多くの議論と提案がありますが、提案する価値はありません。

大きな問題は、どのように見た目が悪いかということです！このボックスに入力するのにChromeを使用しています...全体を拡大しても、あなたのようなものは表示されません。この後も質問がある場合は、設定をコミュニティに説明する必要があります。

Chromeはフォントに「使用可能」ですが、特に斜めの線を描画する部分は薄く見え、色あせています。IEのレンダリングははるかに優れていますが、IEは遅いブラウザーであるため、FireFoxです。

これはクロムのコードに固有のものだと思います。

ところで、HackToHell、レンダリング色を変更するにはどこに行けばいいですか？

これを試してみます。

Windowsキー+ Rを押し、そこにcttune.exeと入力します

別の方法は、Windowsキーを押してからcleartypeを入力し、[ClearTypeテキストの調整]を選択することです

問題が解決しない場合は、他の例をいくつか試してください。

これは私のために働いた、あなたは別の例を試してみる必要があります、それはコントラスト/輝度キャリブレーションに似ていますが、代わりにテキスト用です

参考：2Dアクセラレーションを無効にすると、Windowsのcleartype調整ツールでChromeを再生できる場合があります

フォントスムージング/クリアタイプを無効にしたままWebフォントを読みやすくしたい場合、解決策はGoogle ChromeでWebフォントを無効にすることです。このような場合、ブラウザはcleartype / smoothingが無効になっている場合に正しくレンダリングされるOS標準フォントを使用します。そのためには、/disable-remote-fontschrome.exeにフラグを渡します。デスクトップでGoogle Chromeショートカットをクリックし、[プロパティ]を選択して、[ショートカット]タブに移動し、[ターゲット]を次のように設定します。

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts

Webフォントを無効にすると、1つの問題が発生する場合があります。WebサイトがWebフォントのアイコンを使用している場合、それらは表示されません。

Chromiumトラッカーの対応する問題：

「システム全体のClearType設定はWebフォントを尊重しません」 https://code.google.com/p/chromium/issues/detail?id=319429

[ ソフトウェアレンダリングリストの上書き ]オプションに移動chrome://flags/（またはabout:flags）して無効にします。

加速2Dキャンバスも無効にする必要があります。

その組み合わせは私を助けました。

chrome：// flags /に移動し、「LCD text antialiasing」を有効に設定します。ブラウザを再起動します。