Safari font rendering issues

前端 未结 8 828
独厮守ぢ
独厮守ぢ 2020-12-09 02:12

As you can see below, the Texta-Light font in Chrome appears completely different with Safari. Chrome displays the font as I like but Safari\'s rendering on OS X and iOS loo

8条回答
  •  猫巷女王i
    2020-12-09 02:27

    Safari has an issue with fonts. The easiest fix for the duplicate text issue is clarifying the font-weight:

    font-weight: 400;
    

    Using Lucho's Javascript's text stroke solution along with specifying font-weight will make your text the same as it is on Chrome.

提交回复
热议问题