iOS 10 safari（手机）上的字体渲染问题

Question

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

BebasNeue 字体呈现得很奇怪。请查看下面的 2 个屏幕截图。闻起来像一个 webkit 错误，Chrome 也发生在 iOS 10 上。有人遇到同样的问题吗？任何解决方法？

iOS 9

iOS 10

Answer 1

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

Answer 2

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

中损坏

Answer 3

我在 css 中添加了 "text-rendering: geometricPrecision;"。

body, p {
    text-rendering:geometricPrecision;
}

Answer 4

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