web-dev-qa-db-ja.com

FirefoxのいくつかのGoogleサイトの醜いフォントとChrome

いくつかのGoogleサイトでは、FirefoxとGoogle Chrome Windows 7および8では、フォントが醜く表示されます。

ugly fonts used on google dev site

ほとんどのフォントが見苦しいため、ClearTypeをオフにしました。

FirefoxとChromeに問題があります。フォントが見つからないことが問題の原因である場合、そのフォントを別のフォントに置き換える必要がありますか?その場合、私は何を見つける必要があるでしょうか?不足しているフォントは、ダウンロードしてください。

それまでの間、すべてのGoogleフォントを https://github.com/w0ng/googlefontdirectory からインストールしましたが、これは役に立ちませんでした。醜いフォントを使用しているGoogleサイトがこれらのフォントのいずれかを使用していないか、この醜いフォントはスムージングや高DPIなしで常に醜いです。

これを修正する方法はありますか?

11
dermoritz

Font-smoothingとClearTypeがオンになっていないようです。その場合、特定のフォントがひどく見えます。

Windows 7では、コントロールパネルに移動し、大きなアイコンで表示を選択します次にDisplay-> Adjust ClearType textを選択し、ClearTypeをオンにするをチェックします。これにより、フォントスムージングも有効になります。

4
James P

私にとって、この問題は私がインストール済み Google/AndroidのRobotoフォントで始まり、問題はアンインストールこれらによって消えました。

フォントがインストールされていると、ローカルのTrueTypeバージョンを使用しようとしますが、これはレンダリングが非常に悪いのに対し、Google FontAPIを介してWebページに追加されたフォントの方がはるかに見栄えがします。

3
Martijn

問題は、グーグルが使用するフォントです。低dpiで、またはスムージングなしで醜いようです。よい説明: http://wellcaffeinated.net/articles/2012/01/25/font-smoothing-detection-modernizr-style/

したがって、2つの解決策が機能しているようです。 1番目: https://chrome.google.com/webstore/detail/change-font-family-style/aabledekpjmoghdjnpnhfkfpmjifklpb?hl=en-US このプラグインはフォントを置き換えます。意図したとおりに機能し、すべてのGoogleサイトが再び読み取り可能になります。

2番目:ClearTypeをオンにします。グーグルサイトは見栄えが良いですが、私は意図的に明確なタイプに変えました-それはすべてのフォントをぼやけさせます。鮮明なフォントが好きです(単一のピクセルを表示するのに問題はありません)。

結論:スムージングや低dpi(通常のモニター)では醜いフォントがあります。 Webサイトは、フォントスムージングが有効になっているかどうかを(jsによって)検出し、必要に応じてフォントを置き換えることができます(上のリンク、フォントスムージングがある場合とない場合の下部の例を参照)。

明らかに機能しないもの:HWアクセラレーションをオフにします。すべてのGoogleフォントをインストールします(正しいフォントがない場合は、より読みやすいフォントに置き換えられると思います-これはchromeプラグインが行うことです。)

2
dermoritz

私はFirefoxで this を使用して、Webフォント全体をブロックしていますが、一部のサイト(githubなど)を除きます

0
limit

Firefoxを使用しているGoogleフォント(特にGoogleスプレッドシート)でも同じ問題が発生していました。それが私のために働いたのは次のことでした:

  1. 「醜いフォント」を表示しているドキュメントまたはURLをFirefoxで開きます。使用可能な各モニター/画面で必ずFirefoxウィンドウを開いてください。私の場合、ラップトップのディスプレイと2台の外部モニターがあります。
  2. リンクを開く Firefoxを更新
  3. 「Firefoxの更新」ボタンをクリックします。
  4. ポップアップウィンドウで、[Firefoxを更新]ボタンをクリックすることを確認します。
  5. Firefoxの構成とアドオンはデフォルトにリセットされます。技術者は心配しないでください。すべてのブックマークとパスワードが保存されます。
  6. Firefoxが閉じて再び開くまで待ちます。
  7. Firefoxが更新されたら、問題ありません。醜いフォントを使用してページを再度確認すれば、問題は解消されます。

ステップ2で示されたリンクがurl about:support に移動する他のオプションインスタンス。 「更新ボタン」ボタンは右上隅にあります。

0
2ark0

Mozillaサポートの質問 から:

Firefoxでハードウェアアクセラレーションを無効にしてみてください。

Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"

https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes 

https://hacks.mozilla.org/2010/09/hardware-acceleration/ 

Gfx.content.Azure.enabled設定をfalseに設定するか、about:configページでgfx.direct2d.disabled設定をtrueに設定してDirect2Dを無効にできない場合は、ハードウェアアクセラレーションを有効のままにします。

http://kb.mozillazine.org/about:config 
0
Jan Doggen