wowpatrick wowpatrick - 9 days ago 7
CSS Question

-webkit-font-smoothing: antialiased equivalent in firefox?

I'm using the very useful CSS property

-webkit-font-smoothing: antialiased
in webkit browsers to ensure nice fine text on headlines etc. Is there an equivalent property in Firefox?

Font in WebKit with
-webkit-font-smoothing: antialiased
:

enter image description here

Font in Firefox:

enter image description here

As you can see the text in Firefox is fatter than in Webkit. Without
-webkit-font-smoothing: antialiased
, the text looks the same in Webkit as in Firefox.

Answer

Firefox 25 adds a new Mac-OS-only nonstandard CSS property -moz-osx-font-smoothing effectively similar to WebKit’s -webkit-font-smoothing.

So -moz-osx-font-smoothing: grayscale in Firefox should now have a result similar to -webkit-font-smoothing: antialiased in WebKit.