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
:
Font in Firefox:
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.
Firefox Sharp Sans is the distinctive font used to create the logo lockups for Firefox products.
Fira Sans is the typeface used in Firefox web products.
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 */ }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With