Last Updated: February 15, 2019
·
1.704K
· igoramadas

CSS trick for lighter fonts on Mac

Found this a few days ago on WebKit docs.

If you're like me and think that fonts on OS X are way too "thick" on Chrome and Safari, all you need to do is add a "-webkit-font-smoothing: antialiased" to your CSS. So for example to make fonts lighter on all elements:

body {
    -webkit-font-smoothing: antialiased;
}

Works like a charm!