iOS 10 Safari（移动版）上的字体渲染问题答案

【问题标题】：Font rendering issue on iOS 10 safari (mobile)iOS 10 Safari（移动版）上的字体渲染问题
【发布时间】：2016-09-14 01:22:45
【问题描述】：

升级到 iOS 10 后遇到这个奇怪的问题。

BebasNeue 字体的渲染很奇怪。请看下面的 2 个屏幕截图。闻起来像 webkit 错误，iOS 10 上的 Chrome 也发生过。有人有同样的问题吗？有什么解决方法吗？

iOS 9

iOS 10

【问题讨论】：

嗨！我在 WebKit 团队工作。我对你在哪里看到的更多细节非常感兴趣。请随时在此处链接到损坏的内容，或通过 mmaxfield@apple.com 将一些内容发送给我！非常感谢！

【解决方案1】：

我遇到了同样的问题，通过从here 添加 *.woff2 格式的字体（大部分）已得到纠正。这纠正了 99% 的网站显示，但仍有几个页面显示不正确。我还在调查这个问题。

【讨论】：

【解决方案2】：

找到了解决方法，我只是重新下载了.otf 字体并将其再次转换为.woff，它就可以工作了。似乎旧的.woff 字体存在一些兼容性问题并且在 iOS 10 中损坏。

【讨论】：

【解决方案3】：

我添加了“文本渲染：geometricPrecision;”在我的 CSS 中。

body, p {
    text-rendering:geometricPrecision;
}

【讨论】：

【解决方案4】：

我在使用text-rendering optimizeLegibility; 时遇到了这个问题，不确定这是问题还是 .woff 字体格式，正如其他用户指出的那样，但我通过更改文本渲染并保持相同的字体来修复它文件。

【讨论】：