【问题标题】:Letter spacing incorrect for one word only仅一个单词的字母间距不正确
【发布时间】:2020-01-10 10:28:46
【问题描述】:

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

这是桌面上想要的结果:

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

代码没有什么特别之处:

<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;

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

【问题讨论】:

标签: html css layout letter-spacing


【解决方案1】:

这是由于此字体在 fi 之间(也可能在其他字符之间)之间的连字造成的行为

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

参考MDN

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-04
    • 1970-01-01
    • 1970-01-01
    • 2012-07-15
    • 2017-08-04
    相关资源
    最近更新 更多