Css 字母间距为';不能使用特定的双字母

Css 字母间距为';不能使用特定的双字母,css,google-fonts,Css,Google Fonts,我需要实现一个网页设计,其中包括谷歌网页字体称为“Abril Fatface”和一些字母间距 这就是我发现一些奇怪行为的地方 字母t和f似乎忽略了字母空间设置,但仅当它们出现在彼此后面时。如果它们位于其他字母之间,则它们会按预期工作,而这似乎只发生在t和f中 有人知道为什么会这样吗 我用浏览器的默认字体Segoe或Arial尝试了这个,我不确定,它在那里似乎工作得很好。这是有意的吗?我不知道为什么要删除字母间距,尤其是在那里?还是一个webfont bug @导入url('https://fo

我需要实现一个网页设计,其中包括谷歌网页字体称为“Abril Fatface”和一些字母间距

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

字母
t
f
似乎忽略了字母空间设置,但仅当它们出现在彼此后面时。如果它们位于其他字母之间,则它们会按预期工作,而这似乎只发生在
t
f

有人知道为什么会这样吗

我用浏览器的默认字体Segoe或Arial尝试了这个,我不确定,它在那里似乎工作得很好。这是有意的吗?我不知道为什么要删除字母间距,尤其是在那里?还是一个webfont bug

@导入url('https://fonts.googleapis.com/css?family=Abril+肥面';
胖子先生{
字体系列:“Abril Fatface”,衬线;
}
.宽文本{
字体大小:100px;
字母间距:70px;
}
.小{
字体大小:40px;
字母间距:20px
}

波托特尔
波托特尔

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 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
我猜这是连字——当我测试它时,一切看起来都很好

* {
font-variant-ligatures: none;
}

可能应该做这个把戏(或者根据需要替换通配符)

这很有趣,谢谢!有没有办法强制字母间距?我认为,这看起来一点也不好。这些字母组合成一个字形,你不能在任何东西的单个项目之间设置“间距:-)你需要使用一种没有这种连字功能的字体,或者使用CSS专门禁用该功能(请参阅CodeBoyCode的答案,但您可能必须检查浏览器支持。)哇,我没有意识到这一点。非常感谢!即使在IE11中也可以使用:)不用担心@MatthiasSeifert-请将答案标记为正确:)我可以在4分钟内完成此操作;)