Неверный межбуквенный интервал только для одного слова

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;

Есть предложения о том, как ее решить и что может быть причиной?

Answer 1

Это поведение из-за лигатур этого шрифта между f и i (и, вероятно, также между другими символами)

Попробуйте применить font-variant-ligatures: no-common-ligatures;

Ссылка на MDN