font-kerning CSS3

font-kerning は、文脈上のグリフ間隔の調整を指定します。

名前:font-kerning
: auto | normal | none
初期値:auto
適用対象:全ての要素
継承:する
パーセンテージ:n/a
メディア:visual(視覚的)
計算値:as specified(指定通り)
アニメーション:できない

Value(値)

auto
初期値 適用は UA に依存
normal
適用される
none
適用されない

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p { font-family: Arial, sans-serif; font-size: 36pt; }
   p.test1 { font-kerning: auto; }
   p.test2 { font-kerning: normal; }
   p.test3 { font-kerning: none; }
  </style>
 </head>
 <body>
   <p class="test1">WAVE</p>
   <p class="test2">WAVE</p>
   <p class="test3">WAVE</p>
 </body>
</html>

display

WAVE

WAVE

WAVE

kerning image

※ Google Chrome 64.0.3282.186、Firefox58.0.2にて表示確認(2018/3/9)

上に戻る