web-dev-qa-db-ja.com

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

On the left is firefox 4, on the right is chrome 12

左側にはfirefox 4が、右側にはchrome 12があります。chromeをよりきれいなフォントにする方法はありますか?

上の画像はWindows XPのものです。下記はwindows 7からの他の例です。

enter image description here

71
hughes

ClearType設定を確認します - Chromeのスクリーンショットは、アンチエイリアス処理されていないレンダリングを強制されているようです。モノクロのヒントはありませんので(これはサイズ上の理由で)、Webフォントについてはほとんど問題ありません。 OSレベルのClearType設定を無視してデフォルトでオンにするため、これは「IEによるテキストの表示品質の向上」として報告されていました。

35
Symmetry

これらの答えはすべて間違っています。これは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

23
Sliq

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

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

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

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

  4. そして「効果」ボタンをクリックしてください。

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

  6. "ClearType"オプションを選択してください。

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

これからChromeはそのスムーズな効果のためにあなたのフォントをきれいにアンチエイリアス処理します。

16
Simon Beal

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の例
アドトラックの例

12
digout

Google ChromeでGPUアクセラレーションを有効にしていますか? about:flagsと入力してGPU Accelerated Canvas 2Dを探します。有効になっている場合は無効にします。アクセラレーションを有効にしてブラウズしたときに、一部のサイトのフォントが本当にギザギザに表示されます。

6
red

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

あなたのページが私のもののように見えるようにあなたの設定を変更してくださいMy options screen

次にxをクリックして、問題が解決したかどうかを確認します。

これで解決しない場合は、もう1つ問題がある可能性があります。ただし、これを試すまでお待ちください。

2
wizlog

Chromeはフォントに対してシステムのclearType値を使用します。 Windows 7で見栄えがよくなるということです。 Macでは、サイズ8を超えるすべてのフォントに対してアンチエイリアスが有効になっていると思います。 オンにする か、WindowsマシンのclearTypeを変更してみてください。

更新:Chrome 22以降はclearTypeのシステム設定を無視します。

2
Om Shankar

Chromeは現時点ではWebフォントをうまくレンダリングしません。これらの問題追跡システムには、 いくつかのバグ があります。それらにもっと注意を払うためにあなたにそれらに関連したものをスターしてください。

2
Sam Hasler

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

最終的に私は影響を受けたテキストのCSSプロパティを調べ始めました、それは問題を引き起こしていた実際のフォントカラーに判明しました。 color:#454545が付けられたタイトルはレンダリングが悪くなりますが、それでも以下のものは同じタイトルが付けられます:color:#333はうまく働きました。ユーザーエージェント固有のスタイルシートをありがとう。

2

Windows XPでは、アンチエイリアスオプションを "Default"から "Clear Type"に変更しました。
表示→プロパティ→外観→視覚効果。

2
Berau

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

1
user318333

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

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

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

1
Alexscended

長くて難しい答えはあなたができないということです。 Chromeヘルプには たくさんの議論や提案があります が、示唆に値するものは見当たりません。

大きな問題は、どのようにしてそれがそれほど悪く見えるのですか?私はこのボックスにタイプするのにChromeを使っています...私はたくさんズームしてもあなたのようには見えません。それでもまだ質問がある場合は、設定をコミュニティに説明してください。

0
mbb

windowsキーを押しながらRキーを押して、そこにcttune.exeと入力します。

別の方法は、windowsキーを押してからcleartypeを入力し、Adjust ClearType Textを選択することです。

それでも問題が解決しない場合は、他の例を試してみてください。

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

FYI:2dアクセラレーションを無効にすると、ウィンドウズのクリアタイプ調整ツールでchromeをプレイするのに役立つかもしれません

0
nwgat

フォントのスムージング/クリアタイプを無効にしたまま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

0
Czarek Tomczak

chrome://flags/(またはabout:flags)に移動し、オプションを無効にしますソフトウェアレンダリングリストを上書きします.

高速化された2Dキャンバスも無効にするべきです。

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

0

Chromeはフォントに「使用可能」ですが、細く見え、特に対角線を描画する部分は洗い流されます。 IEははるかに優れたレンダリングを行いますが、IEは遅いブラウザなのでFireFoxです。

これはchromeのコードに内在していると思います。

ところで、HackToHell、レンダリングカラーを変更する場所はどこですか。

私はこれを試します。

0
DBDooDoo