Font weight turns lighter on Mac/Safari

前端 未结 5 611
半阙折子戏
半阙折子戏 2020-11-29 01:15

On my last website, the text is perfect naturally on chrome and firefox without touching font-smoothing or anything else.
But on Mac / Safari 7 the text appears well the

5条回答
  •  离开以前
    2020-11-29 01:37

    Using -webkit-font-smoothing: subpixel-antialiased worked a little bit, but there was still too much of a difference between Safari, Chrome, and Firefox. I realized trying to make the font thicker in Safari wasn't going to work, so instead I made the font lighter in other browsers and then used a slightly thicker font weight. What ended up normalizing the font weights across browsers for me is this:

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

提交回复
热议问题