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

Question

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

例如:

或者使用单词的另一个例子:

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

我之前从未创建或编辑过字体,所以我不确定这是否与编辑字体本身有关,或者是否与@ 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修复此问题的任何建议,或者是我与字体本身有关的事情>

Answer 1

发生这种情况是因为您的Museo版本包含连字,而Typekit在其他网站上提供的连接不包含.字母"ffi"与其他字母保持接近的原因是因为它是一个连字 - 一个"画"三个字母,而不是三个单独的字母.现代浏览器默认启用它们.

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