Search code examples
cssmacosgoogle-chromefontswebfonts

Lato Font weight appears different between Safari and Chrome on MacOS

Why is it that even though my website CSS is identical, the Lato font is rendered with a slightly heavier weight on Chrome (MacOSX) than on Safari on the same machine?

Solution

  • As you can see in this Answer: Font weight turns lighter on Mac/Safari

    …use

    -webkit-font-smoothing: subpixel-antialiased;
    to make the font appear in Safari the same as in Chrome (thicker).

    …or

    -webkit-font-smoothing: antialiased;
    to make the font appear in Chrome the same as in Safari (thinner).