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

我在过去曾发生过一些@ font-face webfonts。我最近下载了免费的Museo Sans 500 webfont，但是遇到了一些问题，特别是字母间距不当，spficically字母f。在调整CSS letter-spacing属性时，无论是否有“f”，它都不会再应用字母间距，直到“f”后面的第二个字母为止。为什么字母间距不总是适用于所有字母？

例如：

或者用一个字一个例子：

反正我碰到this site来了它也使用字体，但是当在他们的网站上弄乱文字和字母间距时，它没有任何问题。

我从来没有创建或编辑字体之前，所以我不知道这是否与编辑字体本身做的，或者如果它的东西做的@字体面，并可能我可以用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修复此问题的任何建议，或者是我与字体本身有关的一些建议>

来源

2016-11-09 Bryan Willis

禁用CSS中的连字符。带有连字的字体中的“ff”和“ffi”是*单个*字母，字母间距对其他字母的操作相同。另外，请修复您的帖子：您展示的CSS块没有任何值，因此完全不清楚包含它的内容。 –

发生这种情况是因为您的Museo版本包含连字符，而Typekit在其他网站上的服务不包含连字符。字母“ffi”接近彼此的原因是因为它是一个连字 - 一个三个字母的“绘图”，而不是三个单独的字母。现代浏览器默认打开这些。

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

来源

2016-11-10 09:09:25 RoelN

你是男人！无论你认为自己对css知道多少，这似乎是疯狂的，总会有更多需要学习的东西。我有一种感觉，它与'font-feature-settings'或'font-variant-ligatures'有关，但直到现在才完全理解连字。他们实际上（在wikipedia上提及“fi”示例）（https://en.wikipedia.org/wiki/Typographic_ligature#Latin_alphabet）。它看起来像是该网站使用Cloud.typography为他们的字体，[设置为轻松禁用连字]（http://www.typography.com/cloud/user-guide/font-tools）。 Fontspring也有这个功能。 –

我忘了提及'font-variant-ligatures：none;'和简写'font-variant：none;'也可以，但是我不是正面的时候应该使用'font-feature-settings：'。 liga“0;' –

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

回答

相关问题