10

Chrome から Safari/Firefox への Open Sans (Google Web Font) のレンダリングに大きな違いがあることに気付きました。2 枚の写真を添付し​​ます。1 枚目はクロム、2 枚目はサファリです。

スタイルシートにあるのは次のとおりです。

        font-family: 'Open Sans', sans-serif;
        font-size:14px;

私はクロム（最初の画像）のレンダリングが本当に好きですが、他のものは嫌いなので、助けていただければ幸いです!!

クロム

サファリ/ファイアフォックス

4

6 に答える 6

6

頭に追加 

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>

CSS ルール

.btn{
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    text-rendering: optimizeLegibility;
font-size: .9em;
}
于 2013-04-03T04:39:38.813 に答える
2

私は過去に、font-weight: lighter!important;意図したものとはまったく異なる大胆で完全に異なるフォントを使用して幸運に恵まれました。ブラウザごとにフォントの解釈が異なります。Google Web Fonts は正しいバージョンを提供するために最善を尽くしますが、ブラウザとオペレーティング システムの間で大幅な変更が生じる場合があります。

この情報がお役に立てば幸いです。この解決策が機能するかどうかお知らせください。そうでない場合は、さらに調査します。Open Sans は Web 用の優れたフォントであり、優れた選択です :)

于 2012-10-29T05:24:52.097 に答える
1

Safari ではフォントが固定サイズでレンダリングされ、他のブラウザではより正確にレンダリングされるという問題があります。

tech.Ozake.com の例

そのため、テキストをSafari の 2 つのステップの間のサイズにするように要求すると、Safariでは他のブラウザーとは異なる結果が得られます。

そのため、フォント サイズの宣言方法とウィンドウのサイズによって、異なるサイズの結果が得られます。

于 2014-11-30T12:28:11.130 に答える
-2

デフォルトのブラウザー CSS をリセットしていないようです。font-weight を明示的に設定してみてください。

于 2012-10-29T00:19:02.813 に答える