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


11

いくつかのGoogleサイトでは、フォントはWindows 7および8のFirefoxおよびGoogle Chromeで醜くレンダリングされます。

Google開発サイトで使用されている醜いフォント

フォントのほとんどが醜いので、Clear Typeをオフにしました。

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

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

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


Webサイトで使用されているフォントがシステムにインストールされていることを確認します。システムに関する詳細情報が必要です。使用しているWindows7および8のバージョン、正確にはどの言語パックをインストールしていますか。可能性の重複:superuser.com/questions/59697/...
Ramhound

@Ramhound:Windows 8の異なるバージョン間で含まれているフォントに違いはありますか?しかし、奇妙な理由でそれはあなたを助けます:両方とも完全にパッチされた「プロ」バージョンです。
dermoritz 2013年

必要なフォントがあることを確認しましたか?私がリンクした質問は、フォントが不足している可能性があることを示していました。
ラムハウンド2013年

これを行う方法?特定のWebサイトに必要なfonを取得する方法とそれをダウンロードする場所 これらのフォントが設定で設定されたフォントで置き換えられないのはなぜですか(セリフには新しいローマ文字、サンセリフにはarial)。
dermoritz 2013年

それがグーグルサイトであるならば、それはあなたのブラウザがウェブフォント(リンクされたフォント)を表示する問題を持っている可能性が高いです。フォントがマシンにインストールされている場合、フォントがシャープに見え、Webページからリンクされている場合、ピクセル化されているように見える場合はありますか?Windows上のFirefoxでは、この問題があります。Mac上のFirefoxの方が常に見栄えがよくなります。
ジャック・ヤン

回答:


4

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

Windows 7、外出先でのコントロールパネルと選択大アイコンで表示し、次に選択するディスプレイ- >をのClearTypeの調整テキストとチェックのClearTypeをオンにします。これにより、フォントスムージングも有効になります。


2
クリアタイプは他のすべてのフォントを醜くします-これは実際の解決策ではありません。グーグルサイトだけがこの問題を抱えています。
dermoritz 2013年

ピクセルレベルのアンチエイリアスであるfont-smoothing(sevenforums.com/tutorials/…)と、モニターのサブピクセルに影響を与えるClearTypeの2つのレベルがあります。両方を無効にしたか、ClearTypeだけを無効にしましたか?また、モニターを正しい解像度で実行していますか?テキストの外観を改善することを目的としているため、ClearTypeレンダリングが「醜い」と感じるのは奇妙に思われます。
James P

私は霊魂について確信しています。そして、私はすべての種類のスムージングを無効にします-すべてのフォントをきれいにするため。その間私はそれを見つけました:plus.google.com/+SethLadd/posts/ByN5ELN9vEy最後にリンクがあります:chrome.google.com/webstore/detail/change-font-family-style/…で問題を解決しましたクロム!
dermoritz 2013年

ジェームズは絶対に正しいです。画面の解像度を適切に設定しないと、問題が悪化する可能性があります。
ジョシュア

1
これは実際にはテキストではなく画像なので、同じ問題は発生しません。ClearTypeについて続けるつもりはありませんが、ほとんどのフォントにほとんど影響を与えないように大幅にカスタマイズできることを指摘しておく必要がありますが、それでも最も必要なフォントには良い影響を与えます。
James P

3

私にとってこの問題は、Google / AndroidからRobotoフォントをインストールしたときに始まり、これらをアンインストールすることで問題は解消しました。

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


先週後半にRobotoフォントをインストールしたばかりで、あなたの答えを読むまで覚えていませんでした。これが、私の場合にもフォントのレンダリングがひどい理由です。ありがとうございました。
JohnDubya

2

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

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

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


または、Windowsでのテキストレンダリングを改善するには、gdi ++を使用します。
デレク━會功夫

0

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

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


0

Firefoxを使用したGoogleフォント(特にGoogleスプレッドシート)でも同じ問題がありました。それが私にとってうまくいったのは次のものでした:

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

手順2で表示されたリンクの他のオプションは、URL about:supportに移動することです。ボタン「更新ボタン」は右上隅にあります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.