CSSフォントスムージング

Question

クロムを除くさまざまなブラウザでフォントが歪んで見えます。

まず、私は2つのGoogleウェブフォント、Montserratとopen sansを添付しました。それはクロムで素晴らしいと思ったが、私がfirefoxとsafariでそれをチェックしたとき、montserratのフォントはすべて1時間以上見上げた後、すべてが駄目で歪んだように見えた。

私はフォントのサイズを増やすとすぐに、それはそれがそれが私がしたくないモントセラトに与えた同じcrispnessを与えるように小さなサイズでしか見えません！ 私はそれがクロームディスプレイのように好きです、 どうすれば助けてください。

Answer 1

異なるブラウザやオペレーティングシステムで同じように見える決してあなたのサイトに、彼らはすべてが好まれているものの異なる概念を持っている異なるアーキテクチャを使用しています。

はまた別のブラウザ

のクラスの多様性を適応させるためにあなたのCSSを微調整することによって、あなたのCSSを膨らまませんしかし、あなたは次のコードでを試すことができます。

font{ 
 
text-shadow: 1px 1px 1px rgba(0,0,0,0.004); 
 
text-rendering: optimizeLegibility !important; 
 
-webkit-font-smoothing: antialiased !important; 
 
}