只有一个单词的字母间距不正确

Question

当使用 letter-spacing 时，我们得到了预期的结果，除了文本的一部分并且仅在移动设备上（android 和 iphone）。

这是桌面上的预期结果：

这是它在手机上的样子；注意 "finest"

代码没有什么特别之处：

<div>
  <p>It's a way of life</p>
  <p>Ibiza's finest villas</p>
</div>

和 div 上的 CSS：

font-family: 'KremlinW08-ExpandedDemi';
font-style: italic;
letter-spacing: 9.0pt;

关于如何解决它以及可能导致它的原因有什么建议吗？

Answer 1

这是由于此字体在 f 和 i 之间（也可能在其他字符之间）的连字引起的行为

尝试应用 font-variant-ligatures: no-common-ligatures;

参考 MDN

Letter spacing incorrect for one word only