HTML Font Looking too Bold on a Mac?

May 21, 2014

I’ve run into this issue so many times, and I finally found a solution that works perfectly for me. On my Mac, browsers like Chrome / Firefox, etc all make my font look too bold, especially when they are #FFF or #000. (Font rendering issue with OSX? I don’t know.) I found this page a few days ago, and one of the comments suggests this:

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

Best trick ever. Had to share it so I would never lose it!