Safari字体呈现错误

Question

我在网站上使用Google的Open Sans字体 Firefox和Chrome以正确的方式显示字体，但Safari不是 我尝试了所有-webkit-font-smoothing个选项，但似乎只能在OS X上修复它。

4-Images - ＆gt;在图像的顶部是我自己的网站

<select class="Open-Sans-normal-400">
   <option>EUW</option>
</select>

并在底部使用相同的字体，但在Googles Font Website

上

如果您需要更多信息，请告诉我。我会添加它们。

感谢您的帮助。

Answer 1

这可能会有所帮助：

* {
  text-rendering: optimizeLegibility; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

来源：Same font except its weight seems different on different browsers

Answer 2

我刚刚找到了一个修复程序，该修复程序适用于IOS和Macs上的Safari。

当浏览器找不到粗体版本时，他们会尝试将其复制，渲染结果可能会有所不同。

您可以尝试通过添加以下CSS来禁用它：

font-synthesis: none

否则，您可以尝试手动设置字体粗细。

font-weight: 400