Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

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.

like image 902
wowpatrick Avatar asked Nov 08 '12 20:11

wowpatrick


People also ask

What is the font used in Firefox?

Firefox Sharp Sans is the distinctive font used to create the logo lockups for Firefox products.

Which font is best for Firefox?

Fira Sans is the typeface used in Firefox web products.


1 Answers

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  */ } 
like image 152
Marat Tanalin Avatar answered Oct 08 '22 00:10

Marat Tanalin