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）

上に戻る