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

Question

I\'m using the very useful CSS property -webkit-font-smoothing: antialiased in webkit browsers to ensure nice fine text on headlines etc. Is th

Answer 1

At one point firefox had a font-smooth, but it's been removed and as far as I know is not included at all in the current track. I did some googling and didn't see any indication that there will be any change to that.

As an alternative you could try a workaround like: http://www.elfboy.com/blog/text-shadow_anti-aliasing/.

Answer 2

Firefox 25+ (2013-10-29) supports a new macOS-only nonstandard CSS property -moz-osx-font-smoothing effectively similar to the WebKit’s -webkit-font-smoothing.

So this code should provide consistent results in Firefox and WebKit:

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

Answer 3

Firefox has the behavior you're after by default, as far as I know, so there's no need to request it explicitly...

Answer 4

Problem is -webkit-font-smoothing: antialiased, which disable standard sub-pixel font smoothing. Try read this