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

Question

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

BebasNeue字体很奇怪。请看下面的2个截图。闻起来像一个webkit bug，也发生在iOS 10上的Chrome上。任何人都有同样的问题？任何解决方法？

iOS 9

iOS 10

Answer 1

我遇到了同样的问题，通过从here添加* .woff2格式的字体来纠正（大多数情况下）。这校正了99％的网站显示，但仍然有几个页面没有正确显示。我还在调查这个问题。

Answer 2

找到解决方法，我只需重新下载.otf字体并再次将其转换为.woff即可。似乎旧的.woff字体存在一些兼容性问题，并在iOS 10中被破坏。

Answer 3

我添加了“text-rendering：geometricPrecision;”在我的CSS中。

body, p {
    text-rendering:geometricPrecision;
}

Answer 4

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