Google WebFonts（この場合は「Oswald」）を使用して、フォントが本来よりも太字にレンダリングされていることがわかりました。私は以下を使用してWebkitベースのブラウザでこの問題を解決しました：
-webkit-font-smoothing: antialiased;
しかし、Firefoxでは、これを制御する宣言が見つかりません。これを修正するためにハックを使用することを聞いたことがtext-shadowありますが、フォントの幾何学的プロパティが間違いなく変更されるため、これは使用しないことをお勧めします。
Webkit（Chrome）では次のようになります。
これはFirefoxのおかげでブロック状の恐ろしいレンダリングです：
このフォントはfont-combinator.comで見つけ、Firefoxを使用してfont-combinatorで正しくレンダリングされるため、FireFoxでこれを実現する方法があることはわかっています。font-combinator.comを介したFirefoxでの表示は次のとおりです。
font-combinatorの作成に使用されたcssを参照した後、次の宣言を見つけました：text-rendering: optimizelegibility;。しかし、これを要素に適用すると機能しません。
私も試しました：
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;
font-smooth: never;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
Firefoxにフォントのアンチエイリアスを適用して、表示時に正しく表示されるようにするにはどうすればよいですか？www.font-combinator.comで、宣言、または宣言を正しく表示するための宣言の組み合わせを見つけることができますか？
このマシンには古いバージョンのOSXがインストールされているため、比較的古いバージョンのFireFox（16.0.2）を使用しています。