奇怪的 space 仅以 IOS 中的字体显示 - 是什么触发了这个?

Weird space showing in font in IOS only - what could be triggering this?

我有一个使用连字字体的网站,出于某种原因,仅在 IOS(在 Safari 和 Chrome 中),某些字母之间显示出很大的差距(见图片)。有人告诉我这个问题可能是由连字的呈现方式引起的,但我不确定从那里去哪里。

您可以在网站上查看问题:http://kaizenmedia.co/coda-signature-edibles/

提前致歉,因为我的排版词汇非常有限,所以我不确定我是否清楚地表达了问题。

有人知道为什么会发生这种情况以及我如何解决问题吗?非常感谢任何帮助或想法!

我认为这是一个 iOS 字体字距调整问题,正如您在问题中提到的那样,有时会出现带有连字的字体。我打开网络检查器并尝试调试将我的 iPhone 连接到 Mac 并发现和具有 'fl' 的单词一起面临这个问题。我尝试将 'Truffles' 替换为 'fluffy'、'flies'、'floop' 等,但问题仍然存在。我还没有测试任何其他字母组合是否面临同样的问题。

我注意到您的代码签名中有 text-rendering: optimizeLegibility !important-edibles.css。尝试将其更改为 text-rendering: optimizeSpeed,至少对于这个特定的选择器。