72
72
google chromeでフォントの見栄えを良くするには？
左がfirefox 4、右がchrome 12です。クロームの方がきれいなフォントを表示させる方法はありますか？
上の画像はwindows xpで撮影したものです。下の画像はwindows 7で撮影したものです。
左がfirefox 4、右がchrome 12です。クロームの方がきれいなフォントを表示させる方法はありますか？
上の画像はwindows xpで撮影したものです。下の画像はwindows 7で撮影したものです。
すべての答えが間違っています これは 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ブラウザを閉じます。
デスクトップ上の任意の場所を右クリックし、ドロップダウンメニューから「プロパティ」を選択します。
新しいウィンドウの上部にある「外観」タブをクリックします。
そして、「エフェクト」ボタンをクリックします。
下の 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;
}
この修正の例は、ここで見ることができます。 FontSpring の例 Adtrak の例
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 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も無効にする。
この組み合わせで助かりました。
難しい答えは「できない」ということのようです。Chrome ヘルプには たくさんの議論や提案があります がありますが、提案する価値のあるものは何もありません。
大きな問題は、どうやってそんなに悪く見えるようにしているのか？このボックスに入力するのにChromeを使っているのですが…。私は全体の束をズームインしても、あなたのようなものは何も見えません。この後も疑問がある場合は、コミュニティにあなたの設定を説明する必要があります。
フォントのスムージング/クリアタイプを無効にしたままウェブフォントを読めるようにしたい場合は、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