。
左側にはfirefox 4が、右側にはchrome 12があります。chromeをよりきれいなフォントにする方法はありますか?
上の画像はWindows XPのものです。下記はwindows 7からの他の例です。
ClearType設定を確認します - Chromeのスクリーンショットは、アンチエイリアス処理されていないレンダリングを強制されているようです。モノクロのヒントはありませんので(これはサイズ上の理由で)、Webフォントについてはほとんど問題ありません。 OSレベルのClearType設定を無視してデフォルトでオンにするため、これは「IEによるテキストの表示品質の向上」として報告されていました。
これらの答えはすべて間違っています。これはGoogle Chromeの大きなバグです。たくさんのスクリーンショットを含む公式のバグレポート/スレッドをご覧ください。 Chromeコードに関する公式のバグレポート
現在の最善の回避策は、単純にあなたの要素/見出しにこの単純な規則を与えることです:
-webkit-text-stroke: 1px
John博士からの追加:私はhtml { -webkit-text-stroke: 0.25px}
がうまくいくだろうという提案を見つけました - それをここで見つけました https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/ dV_TmJ1QMO4
ChromeはWindowsのXPがデフォルトでオフになっているClearType設定を読み取っています。
この問題を解決するには、まずChromeブラウザを閉じます。
デスクトップの任意の場所を右クリックして、ドロップダウンメニューから[プロパティ]を選択します。
新しいウィンドウの上部にある[外観]タブをクリックします。
そして「効果」ボタンをクリックしてください。
2番目のオプションは、「スクリーンフォントの端を滑らかにするには、次の方法を使用してください」と読みます。
"ClearType"オプションを選択してください。
[適用]をクリックして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;
}
この修正の例はここに見られることができます:
Google ChromeでGPUアクセラレーションを有効にしていますか? about:flags
と入力してGPU Accelerated Canvas 2D
を探します。有効になっている場合は無効にします。アクセラレーションを有効にしてブラウズしたときに、一部のサイトのフォントが本当にギザギザに表示されます。
Google Chromeで、[レンチ]> [オプション]> [フードの下]> [Webコンテンツの横]をクリックして、[フォントのカスタマイズ]をクリックします。
あなたのページが私のもののように見えるようにあなたの設定を変更してください
次にxをクリックして、問題が解決したかどうかを確認します。
これで解決しない場合は、もう1つ問題がある可能性があります。ただし、これを試すまでお待ちください。
Chromeはフォントに対してシステムのclearType値を使用します。 Windows 7で見栄えがよくなるということです。 Macでは、サイズ8を超えるすべてのフォントに対してアンチエイリアスが有効になっていると思います。 オンにする か、WindowsマシンのclearTypeを変更してみてください。
更新:Chrome 22以降はclearType
のシステム設定を無視します。
Chromeは現時点ではWebフォントをうまくレンダリングしません。これらの問題追跡システムには、 いくつかのバグ があります。それらにもっと注意を払うためにあなたにそれらに関連したものをスターしてください。
Chromeで http://www.google.com/webfonts からWebフォントをレンダリングするという、まったく同じ問題がありました。私はこれと他のいくつかのサイトですべての提案を試みました、そして、それらのどれもうまくいきませんでした。
最終的に私は影響を受けたテキストのCSSプロパティを調べ始めました、それは問題を引き起こしていた実際のフォントカラーに判明しました。 color:#454545
が付けられたタイトルはレンダリングが悪くなりますが、それでも以下のものは同じタイトルが付けられます:color:#333
はうまく働きました。ユーザーエージェント固有のスタイルシートをありがとう。
Windows XPでは、アンチエイリアスオプションを "Default"から "Clear Type"に変更しました。
表示→プロパティ→外観→視覚効果。
私はこの問題をWindows XP SP3で非常に深刻に抱えていたため、Chromeをすべての目的と目的に使用できないものにしました。 [コントロールパネル]に[Clear Type Tuning]をインストールし、[詳細設定]タブの[フォントスムージングを有効にする]をオフにしてみました。 Chromeを再起動した後。 Font Smoothingを再度オンにしても問題ありませんでした。 「すべての設定を新しいユーザーとシステムのデフォルトに適用する」チェックボックスをチェックすることにしました。
私にとっては、これはWindows 10.1 x64のClearType設定ではありませんでしたが、私のChromeブラウザではDirectWriteという設定になっていました。
chrome://flags/#directwrite
と入力します。これで問題は解決しました。
長くて難しい答えはあなたができないということです。 Chromeヘルプには たくさんの議論や提案があります が、示唆に値するものは見当たりません。
大きな問題は、どのようにしてそれがそれほど悪く見えるのですか?私はこのボックスにタイプするのにChromeを使っています...私はたくさんズームしてもあなたのようには見えません。それでもまだ質問がある場合は、設定をコミュニティに説明してください。
windowsキーを押しながらRキーを押して、そこにcttune.exeと入力します。
別の方法は、windowsキーを押してからcleartypeを入力し、Adjust ClearType Textを選択することです。
それでも問題が解決しない場合は、他の例を試してみてください。
これは私のために働いた、あなたはその代わりにテキストのためにそれはコントラスト/明るさのキャリブレーションに似て、さまざまな例を試してみる必要があります
FYI:2dアクセラレーションを無効にすると、ウィンドウズのクリアタイプ調整ツールでchromeをプレイするのに役立つかもしれません
フォントのスムージング/クリアタイプを無効にしたままWebフォントを読み取り可能にするには、Google ChromeでWebフォントを無効にします。このような場合、ブラウザは、クリアタイプ/スムージングが無効になっているときに正しくレンダリングされるOS標準フォントを使用します。これを行うには、/disable-remote-fonts
フラグをchrome.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はフォントに「使用可能」ですが、細く見え、特に対角線を描画する部分は洗い流されます。 IEははるかに優れたレンダリングを行いますが、IEは遅いブラウザなのでFireFoxです。
これはchromeのコードに内在していると思います。
ところで、HackToHell、レンダリングカラーを変更する場所はどこですか。
私はこれを試します。