문자 간격이 항상 모든 문자와 작동하지 않는 이유는 무엇입니까?

Question

필자는 과거에 @ font-face 웹 글꼴로 이런 일이 발생했습니다. 나는 최근에 무료 Museo Sans 500 webfont을 다운로드했지만, 특정 문자 간격에 문제가 생겼습니다. spficically letter 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로 해결하는 방법에 대한 제안이나 글꼴 자체와 관련이있는 내용>

Answer 1

이것은 Museo 버전에 합자가 포함되어 있고 다른 사이트에서 Typekit에 의해 제공되는 글꼴이 없기 때문에 발생합니다. 문자 "ffi"가 다른 문자에 가깝게 머무르는 이유는 그것이 합자이기 때문입니다. 3 개의 문자 대신 3 개의 문자로 이루어진 하나의 "그림"이기 때문입니다. 최신 브라우저는 기본적으로이를 사용합니다.

font-feature-settings: "liga" 0;으로 합자를 해제 할 수 있어야하며 그렇지 않은 경우 합자가없는 Museo 버전을 사용하는 것이 더 간단한 해결책 일 수도 있습니다.