爲什麼字母間距不總是適用於所有字母？

我在過去曾發生過一些@ 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;' –

爲什麼字母間距不總是適用於所有字母？

回答

相關問題