フォント（Roboto）はFirefox（Windows）よりもChrome上で大胆に表示されます

Question

私はWebアプリケーションを通じてRobotoフォントを広く使用しています。私はLinux上で開発していますが、すべては問題ありませんが、Windows上で同じように見えるかどうかを確認しました。 Windows-Chromeフォントでは、Operaでも大胆で醜いです。 Firefoxの場合のみ、通常のように見えます（Linuxのすべてのブラウザと同様）。私もバイオリンを作り、2つのブラウザでそれを比較した：Linux上でChromeの場合

http://jsfiddle.net/mhk2c4by

enter code here 

それが必要として、それは、Windows上のFirefoxでのように見えます。

私はこれを修正するために何かできますか？ほとんどの人がWindows-Chromeで自分のアプリケーションを使用していますが、私はそのフォントを1ビット好きではありません。画像からはそれほど悪くは見えませんが、ライブアプリでは大きな違いがあります。

Answer 1

ウェブフォントの読み込みに2Gを有効にするには、これをクロムに入力します。 2017’s most popular CSS Reset scripts

それとも、使用されているブラウザを検出するためにjqueryの関数を作成し、1大胆にフォントを変更しますボディにクラス.chromeを適用することができます：あなたのコードの使用CSSのリセットで

chrome://flags/#enable-webfonts-intervention-v2 

。

function setBrowserClasses() { 
    $.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); 
    if (true === $.browser.chrome) { 
     $('body').addClass('chrome'); 
    } 
} 

Answer 2

Firefoxはおそらく、すべてのシステムで同じテキストレンダリングを使用しますが、Chromeはシステム1を使用します。

テキストレンダリングエンジンは、システムごとに異なるアルゴリズムとデフォルトの非常に複雑なビーストです。グリッドフィッティングのヒューリスティックを不要にする高画素密度のスクリーンを除いて、同じ結果は得られません。

Windowsスタックの特徴の1つは、ヒントなしのフォントをうまく処理できないことです。ヒント付きフォントを供給するようにしてください。

それ以外の場合は、それらが異なっていることを受け入れて、ユーザーにとっては問題ありません。ウィンドウスタイルのテキストレンダリングでウィンドウを過ごす人は、あなたのアプリが十分にLinuxyではないと不平を言うことはありません。