font-kerning 속성

font-kerning 속성은 글자의 간격 또는 자간을 설정합니다. 이 속성은 다음 값을 가질 수 있습니다: auto (기본값, 브라우저가 결정), normal (커닝 적용) 및 none (커닝 미적용).

구문

css선택자 {
  font-kerning: auto 또는 normal 또는 none
}

예제

텍스트에 기본 커닝을 설정해 보겠습니다:

html<h1>Header</h1>
<div>text text text</div>

cssh1 {
  font-size: 40px;
  font-kerning: auto;
}
div {
  font-size: 18px;
}

Результат:

예제

이제 커닝을 설정해 보겠습니다:

html<h1>Header</h1>
<div>text text text</div>

cssh1 {
  font-size: 40px;
  font-kerning: normal;
}
div {
  font-size: 18px;
}

Результат:

예제

텍스트에서 커닝을 제거해 보겠습니다:

html<h1>Header</h1>
<div>text text text</div>

cssh1 {
  font-size: 40px;
  font-kerning: none;
}
div {
  font-size: 18px;
}

Результат:

같이 보기