Font smoothing

-webkit-font-smoothing: antialiased; is the webkit feature that smooths out custom fonts keeping them tidy and clean, you can also use subpixel-antialiased as an alternative to antialiased.

Although until recently webkit was the only CSS feature to allow this firefox have released their own version and this comes in as -moz-osx-font-smoothing: grayscale; as of Firefox 25

To find out more on antialiasing check out this article by HTML5Rocks: Antialiasing 101

http://www.html5rocks.com/en/tutorials/internals/antialiasing-101/

 


Author: Anonymous
Added: Wednesday, 27 Aug, 2014
Category: CSS

Code

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; /* Firefox 25*/

Comments