html - 仅一个单词的字母间距不正确

Question

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

这是桌面上所需的结果：

这就是它在移动设备上的外观；注意“最好的”

代码没有什么特别之处：

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

而CSS在 div 上：

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

关于如何解决它以及可能导致它的任何建议？

标签： htmlcsslayoutletter-spacing

Answer 1

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

尝试申请 font-variant-ligatures: no-common-ligatures;

MDN上的参考资料