• Skip to main content
  • What We Do
  • Our Work
  • Contact

Mackey

Webfont is ugly. Font smoothing for better rendering fonts. Sorry, no Windows support.

July 12, 2017 by Mackey

Webfont is ugly. Font smoothing for better rendering fonts. Sorry, no Windows support.

Does your webfont or fonts on your website not render correctly or look a little “chubbier” than they should? If so, you may just need to add these two declarations to the body element in your CSS file.

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

Of course, there is no out of the box support for Explorer or Edge other than providing a SVG format of the font, but since Webkit and Firefox browsers control nearly 66% of the market and Edge and Explorer only account for 22% of the market, anyone that really cares about the a font looks probably is using Chrome or Safari or Firefox…

* Browser market share as of July 2017.

Filed Under: Code Snippets

Mackey Creative Lab
Web Design and Development, Branding, Graphic Design and Marketing Strategy
680 East Colorado Blvd., Suite 180 & Second Floor, Pasadena, CA 91101
info@mackeycreativelab.com // 626 214 5093
© 2014-2021 Mackey, LLC, All Rights Reserved

Want to join the Lab? Become a lab partner

Need Wordpress Performance & Security Management? Learn More