CSS로 커닝을 조정하는 방법을 알아보세요.
선택한 웹 글꼴에 커닝 데이터가 포함된 경우 브라우저는 글꼴 커닝을 텍스트에 적용해야 하는지 여부를 자동으로 결정합니다. font-kerning을 사용하여 이 작업을 수행합니다. auto로 설정된 CSS 속성 기본적으로:
font-kerning: auto;다시 말해서, 브라우저는 (어떤 이유로든) 커닝 데이터가 내장되어 있더라도 글꼴에 커닝을 적용하기로 결정할 수 있습니다.
글꼴 커닝이 적용되었는지 확인하려면(글꼴에 있는 경우) 브라우저 "의견"에 관계없이 auto를 바꾸십시오. normal으로 출력 :
font-kerning: normal;
커닝을 끄려면 none을 사용하세요. 값으로:
font-kerning: none;커닝을 사용할 수 있는 웹 글꼴에서 커닝을 끄는 이유는 무엇입니까?
글쎄, 아마도 당신은 글꼴 커닝이 X 브라우저에서 잘못 렌더링된다는 것을 발견했을 것입니다. 일시적인 브라우저 버그로 인해 이 경우 끌 수 있는 옵션이 있으면 좋습니다.
가끔 발생하는 또 다른 현상은 일회성 텍스트 요소가 특정 상황에서 이상하게 작동하는 것입니다. 그런 경우에는 끌 수 있는 것이 편리합니다. 예를 들어 CSS 유틸리티 클래스 사용:
.kerning-none {
font-kerning: none;
}웹 글꼴에 커닝 데이터가 있는지 확인하는 방법
웹 글꼴에 커닝 데이터가 있는지 확인하는 빠른 방법은 none으로 설정하여 이를 앞뒤로 비활성화 및 활성화하는 것입니다. 및 normal 브라우저에서 텍스트 렌더링 변경 사항을 자세히 살펴보세요.