为什么字母间距并不总是适用于所有字母？

Question

过去我曾经遇到过一些@ font-face webfonts。我最近下载了免费的Museo Sans 500 webfont，但遇到了一些问题，某些字母间距正确，字面上是字母f。在调整CSS letter-spacing属性时，如果有“f”，则在“f”之后的第二个字母之前，它不会再次应用字母间距。

例如：

使用单词的另一个示例：

无论如何，我遇到this site也使用了字体，但是当他们在网站上弄乱文字和字母间距时 它没有任何问题

之前我从未创建或编辑过字体，所以我不确定这是否与编辑字体本身有关，或者是否与@ font-face有关，可能是我可以用css修复的东西

我已经尝试弄乱我所知道的每个css字体属性，但似乎没有一个能解决这个问题。

font-variant-ligatures:
font-kerning: 
letter-spacing:     
text-rendering: 
font-feature-settings: 
font-kerning: 
-webkit-font-smoothing: 
text-size-adjust:
font-size:

我遇到了一个非常漂亮的插件kerning.js，我可以使用它来暂时解决这个问题，但是对于一个字母来说似乎有些过分，特别是因为它似乎在其他网站上工作得很好我之前联系过。关于如何使用CSS修复此问题的任何建议，或者是我与字体本身有关的事情＆gt;

Answer 1

这是因为您的Museo版本包含连字，而Typekit在其他网站上提供的连接并不存在。字母＆＃34; ffi＆＃34;与其他人保持密切联系是因为它是一个结扎线 - 一个＆＃34;绘图＆＃34;三个字母，而不是三个单独的字母。现代浏览器默认启用它们。

您应该可以使用font-feature-settings: "liga" 0;关闭连字，或者如果您不使用altogther，更简单的解决方案是使用没有连字的Museo版本。