字母间距不适用于特定的双字母

Question

我需要实现一个网页设计，其中包括名为“Abril Fatface”的 Google Webfont 和一些字母间距。

这是我发现一些奇怪行为的地方。

字母t和f似乎忽略了字母空间设置，但前提是它们出现在彼此后面。如果它们位于其他字母之间，它们将按预期工作，而且似乎只发生在 t 和 f 中。

有人知道为什么会这样吗？

我用浏览器的默认字体（Segoe 或 Arial）试过这个，我不确定，它似乎在那里工作正常。这是有意的吗？有一个原因我不知道要特别删除字母间距吗？还是网络字体错误？

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
.fatface {
  font-family: 'Abril Fatface', serif;
}

.wide-text {
  font-size: 100px;
  letter-spacing: 70px;
}

.small {
  font-size: 40px;
  letter-spacing: 20px
}

<div class="wide-text">
  <div class="fatface">botottle</div>
  <div>botottle</div>
</div>
<hr>
<div class="small">
  <div class="fatface">
    aa bb cc dd ee ff gg hh ii jj kk ll mm nn oo pp qq rr ss tt uu vv ww xx yy zz
  </div>
  <div>
    aa bb cc dd ee ff gg hh ii jj kk ll mm nn oo pp qq rr ss tt uu vv ww xx yy zz
  </div>  
</div>

Answer 1

我猜是连字 - 我测试时一切正常。

* {
font-variant-ligatures: none;
}

应该可以解决问题（或根据需要替换通配符）

字母间距不适用于特定的双字母

Letterspacing doesn't work with specific double letters

css

google-fonts