web-dev-qa-db-ja.com

-webkit-font-smoothing：Firefoxでアンチエイリアス処理された同等物？

Webkitブラウザでvery便利なCSSプロパティ-webkit-font-smoothing: antialiasedを使用して、見出しなどに細かいテキストを表示しています。Firefoxに同等のプロパティはありますか？

-webkit-font-smoothing: antialiasedを使用したWebKitのフォント：

enter image description here

Firefoxのフォント：

enter image description here

ご覧のとおり、FirefoxのテキストはWebkitよりも太いです。 -webkit-font-smoothing: antialiasedがないと、テキストはWebkitでもFirefoxでも同じように見えます。

cssfirefoxfonts
21
wowpatrick

Firefox 25+（2013-10-29）は、新しいmacOSのみの非標準CSSプロパティをサポートします -moz-osx-font-smoothing WebKitの-webkit-font-smoothing。

したがって、このコードはFirefoxとWebKitで一貫した結果を提供するはずです。

.example {
    -moz-osx-font-smoothing: grayscale;   /* Firefox */
     -webkit-font-smoothing: antialiased; /* WebKit  */
}
26
Marat Tanalin

ある時点でFirefoxにはfont-smooth、しかしそれは削除されており、私が知る限り、現在のトラックにはまったく含まれていません。私はグーグルをしましたが、それに変更があるという兆候は見られませんでした。

別の方法として、次のような回避策を試すことができます： http://www.elfboy.com/blog/text-shadow_anti-aliasing/ 。

1
Jason

問題は-webkit-font-smoothing: antialiased、標準のサブピクセルフォントスムージングを無効にします。読んでみてください this

1
borkie

私の知る限り、Firefoxはデフォルトであなたが求めている動作をしているので、明示的に要求する必要はありません...

0
Boris Zbarsky