Avenir 的 iOS Safari 字体字距调整/字母间距问题

Question

在 iOS Safari 中有一个奇怪的行为，Avenir 字体的特定字体粗细为 900 会在字符 fi 的右侧产生一个额外的空间。

我尝试使用对应于该字体粗细的“Avenir Heavy”，但问题仍然很明显。它不会出现在任何其他字体粗细上，只是出现在 900 粗细上。我试过 -webkit-font-kerning、-webkit-font-smoothing、letter-spacing，但都没有解决问题。

是否有解决此问题的纯 CSS 方法？或者这是字体/浏览器本身的问题？

谢谢。

Answer 1

我遇到了同样的问题，但在 iOS Safari 上字体粗细为 400。我能够确定一种解决方法，希望可以推广到具有相同情况的其他人。通过添加以下 CSS:

text-rendering: optimizeSpeed;

这会禁用字距调整和连字，“fi”之后的间距不规则可能是字距调整问题(可能特定于字体文件，但这超出了我的知识范围)。