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”之后的间距不规则可能是字距问题（可能特定于字体文件，但这超出了我的知识范围）。