Проблема с межбуквенным интервалом, две буквы слипаются, несмотря на добавление межбуквенного интервала

Я столкнулся со странной проблемой. Я приложил скриншот проблемы с межбуквенным интервалом. Сначала я заметил, что буквы Fi отображаются неправильно. Поэтому я попытался добавить интервал между буквами, но эти две буквы не хотят отделяться друг от друга. Я никогда не замечал такого поведения.

На скриншоте я использую шрифт Lato, но я заметил такое же поведение с Open Sans. Другие случайные шрифты, которые я пробовал, отображались правильно. Проблема возникает только в Chrome и Firefox, тогда как IE правильно отображает шрифт.

Есть предположения, что может быть причиной и как это исправить? Любые предложения будут отличными. Спасибо.

введите здесь описание изображения


person Zorro Here    schedule 28.09.2017    source источник


Ответы (1)


Решено. Это вопрос лигатуры. Нашел эту статью со следующим css в качестве решения.

  -webkit-font-feature-settings: "liga" 0, "clig" 0;
     -moz-font-feature-settings: "liga" 0, "clig" 0;
          font-feature-settings: "liga" 0, "clig" 0;
person Zorro Here    schedule 28.09.2017
comment
@DreamTeK, у вас есть пример JSFiddle? Попробуйте форум CSS Tricks, вы обязательно получите ответ. - person Zorro Here; 21.02.2019
comment
Спасибо. В итоге я просто поменял шрифт. Он явно не очень хороший. - person DreamTeK; 21.02.2019