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

Question

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

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

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

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