Safari 字体呈现错误答案

【问题标题】：Safari font is rendering wrongSafari 字体呈现错误
【发布时间】：2016-10-13 03:07:16
【问题描述】：

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

4-Images -> 图片上方是我自己的网站

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

和底部相同的字体，但在Googles Font Website

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

感谢您的帮助。

【问题讨论】：

【解决方案1】：

我刚刚找到了一个解决方案，它适用于 IOS 和 Mac 上的 Safari。

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

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

font-synthesis: none

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

font-weight: 400

【讨论】：

【解决方案2】：

这可能会有所帮助：

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

【讨论】：

您的代码或您的来源对我没有帮助，让 safari 中的字体看起来像正常的 400 重量。 ://
你有没有考虑过它不是更亮的字体，而是因为你在深色背景上使用它而导致的更亮的渲染？您可以通过将颜色更改为白底黑字来测试吗？
黑底白字和白底黑字看起来确实像地狱一样发光。但是当我使用_::-moz-svg-foreign-content, :root body {-webkit-text-stroke: 0.5px;} 时，它看起来应该，但这不是一个好的解决方案。