font-kerning
폰트에 내장된 커닝(kerning) 정보를 사용할지 결정합니다. 커닝은 특정 글자 쌍(AV, To 등) 사이의 간격을 시각적으로 균일하게 조정하는 타이포그래피 기법입니다.
클래스 목록
| <tr> <th class="tal py12px px16px bg18181B bb2pxsolid27272A cA1A1AA fw600 ttu fs12px ls0-05em">클래스 | CSS | 설명 |
|---|---|---|
fka | font-kerning: auto | 브라우저가 자동으로 커닝 적용 여부 결정 |
fkn | font-kerning: none | 커닝 비활성화. 글자 간격이 균일하게 유지됨 |
fknl | font-kerning: normal | 커닝 강제 활성화. 폰트의 커닝 테이블 사용 |
사용 예시
<!-- Default kerning (browser auto) -->
<h1 class="fka fs4rem fw700">AVATAR</h1>
<!-- Disable kerning (monospace effect) -->
<p class="fkn fs2rem">AV To WAR — Uniform spacing</p>
<!-- Force kerning -->
<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을 고려하세요.