22

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

WebKitのフォント-webkit-font-smoothing: antialiased：

ここに画像の説明を入力してください

Firefoxのフォント：

ここに画像の説明を入力してください

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

4

4 に答える 4

29

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

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

.example {
    -moz-osx-font-smoothing: grayscale;   /* Firefox */
     -webkit-font-smoothing: antialiased; /* WebKit  */
}
于 2013-11-03T19:55:13.007 に答える
1

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

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

于 2012-11-08T20:34:07.280 に答える
1

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

于 2013-07-12T16:03:36.210 に答える
0

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

于 2012-11-09T08:05:43.417 に答える