google chromeでフォントの見栄えを良くするには？

ClearType の設定をチェック - Chrome のスクリーンショットは、ノンアンチエイリアスレンダリングを強制されているように見えます。彼らはモノクロのヒントを持っていないので、それはほぼすべてのWebフォントを殺すでしょう, (他のものの間でサイズの理由のために)。以前、これが「IE はテキストをより良くレンダリングする」と報告されているのを見たことがあるが、これは OS レベルの ClearType 設定を無視してデフォルトでオンにしているからである．

すべての答えが間違っています これは Google Chrome の大きなバグです。公式のバグレポート/スレッドをご覧ください。 Official bug report on Chrome Code

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

-webkit-text-stroke: 1px

Addition from Dr John: html { -webkit-text-stroke: 0.25px}も同様に動作するという提案を見つけました - 彼女を見つけました https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4

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

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

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

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

3. そして、「エフェクト」ボタンをクリックします。

4. 下の 2 番目のオプションは、「スクリーンフォントのエッジを滑らかにするには以下の方法を使用してください」と書かれているはずです。

5. ClearType」オプションを選択する。

6. 適用をクリックして、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;
}

この修正の例は、ここで見ることができます。 FontSpring の例 Adtrak の例

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

Within Google Chromeで「Wench」をクリックして「When」をクリックして「Options」をクリックして「Under the Hood」をクリックして「Customize Fonts」をクリックして「Web Content」をクリックしてください。

あなたのページが私のページと同じように見えるように設定を変更してください

それからxをクリックして、問題が解決するかどうか確認してください。

これで直らない場合は、もう一つあるかもしれませんが…これを試すまで待ってみます。

ChromeはフォントのシステムのclearTypeの値を取ります。Windows 7 でよく見ると、それが説明されています。Macでは、サイズ8以上のすべてのフォントでアンチエイリアスが有効になっていると思います。(http://www.microsoft.com/typography/cleartype/tuner/tune.aspx)をオンにするか、WindowsマシンのclearTypeを

Updateに変更してみてください。Chrome 22以上では、clearTypeのシステム設定を無視しているようです。

私はまったく同じ問題を抱えていました。このサイトや他のいくつかのサイトで提案されていることをすべて試してみましたが、どれもうまくいきませんでした。

結局、影響を受けたテキストの CSS プロパティを調べ始めたところ、問題を引き起こしているのは実際のフォントの色であることが判明しました。color:#454545 と指定されたタイトルのレンダリングが悪かったのですが、以下のように指定された同じタイトルでも問題ありませんでした。color:#333 と指定したタイトルは正常に動作していました。ユーザーエージェント固有のスタイルシートに感謝します。

今のところ、Chrome はウェブフォントをうまくレンダリングしてくれません。この問題については、彼らの問題追跡システムに いくつかのバグ があります。関連のあるものがあれば星をつけてください。

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

私の場合、Windows 10.1 x64のClearType設定ではなく、ChromeブラウザのDirectWriteという設定であることが判明しました。

1.Chromeのアドレスバーにある「DirectWrite」と入力してください。chrome://flags/#directwrite 2. DirectWriteをオンにして、この設定のタイトルに「Disable DirectWrite」と書いてあり、その下のボタンに「 Enable

」と表示されていることを確認してください。

私はWindows XP SP3でこの問題を抱えていたので、Chromeがあらゆる意味で使用不能になってしまいました。コントロールパネルのClear Type Tuningをインストールしていることに気付き、詳細タブの「フォントスムージングを有効にする」のチェックを外してみました。Chromeを再起動すると、Font Smoothingを再度オンにしても問題ありませんでした。そこで、「すべての設定を新しいユーザーとシステムのデフォルトに適用する」にチェックを入れることにしました。

chrome://flags/(またはabout:flags)に移動して、ソフトウェアレンダリングリストのオーバーライド**オプションを無効にします。

Accelerated 2D canvasも無効にする。

この組み合わせで助かりました。

別の方法としては、windowsキーを押してからcttune.exeと入力し、クリアタイプを入力して、クリアタイプテキストの調整

を選択して指示に従ってください。それでも問題がある場合は、他の例をいくつか試してみてください。

難しい答えは「できない」ということのようです。Chrome ヘルプには たくさんの議論や提案があります がありますが、提案する価値のあるものは何もありません。

大きな問題は、どうやってそんなに悪く見えるようにしているのか？このボックスに入力するのにChromeを使っているのですが…。私は全体の束をズームインしても、あなたのようなものは何も見えません。この後も疑問がある場合は、コミュニティにあなたの設定を説明する必要があります。

Chromeはフォントは「使える」のですが、特に斜めの線をレンダリングするところは薄くて洗い流されているように見えます。IEの方がはるかにレンダリングは良いのですが、IEはブラウザとしては遅いのでFireFoxと同じです。

これはクロームのコードに内在するものだと思います。

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

これを試してみます。

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

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

ウェブフォントが無効化されていることに問題があるかもしれません。Web サイトが Web フォントのアイコンを使用している場合、表示されません。

Chromium tracker の対応する問題:

“System-wide ClearType setting not respected for web fonts https://code.google.com/p/chromium/issues/detail?id=319429

chrome://flags/に移動し、「LCDテキストアンチエイリアス」を「有効」に設定します。ブラウザを再起動します。