font-kerning
폰트에 내장된 커닝(kerning) 정보를 사용할지 결정합니다. 커닝은 특정 글자 쌍(AV, To 등) 사이의 간격을 시각적으로 균일하게 조정하는 타이포그래피 기법입니다.
클래스 목록
| 클래스 | CSS | 설명 |
|---|---|---|
fka | font-kerning: auto | 브라우저가 자동으로 커닝 적용 여부 결정 |
fkn | font-kerning: none | 커닝 비활성화. 글자 간격이 균일하게 유지됨 |
fknl | font-kerning: normal | 커닝 강제 활성화. 폰트의 커닝 테이블 사용 |
사용 예시
<!-- 기본 커닝 (브라우저 자동) -->
<h1 class="fka fs4rem fw700">AVATAR</h1>
<!-- 커닝 비활성화 (고정폭 효과) -->
<p class="fkn fs2rem">AV To WAR — 균일한 간격</p>
<!-- 커닝 강제 적용 -->
<h2 class="fknl fs3rem fw700">Typography Matters</h2>시각적 비교
font-kerning: auto — fka
AV To WAR
font-kerning: none — fkn
AV To WAR
font-kerning: normal — fknl
AV To WAR
팁 & 주의사항
대부분의 경우 기본값 유지
브라우저가 자동으로 적절한 커닝을 적용하므로 fka(auto)를 유지하는 것이 좋습니다. 성능이 중요한 대량 텍스트에서만 fkn을 고려하세요.