| 属性名 | font-kerning |
|---|---|
| 値 | auto | [ none || normal ] |
| 初期値 | auto |
| 適用可能要素 | すべての要素 |
| 継承 | 継承する |
| メディア | Visual |
| サポート | C3 / e10 / Fx34 / Ch32 / Sa7 |
プロポーショナルフォントの文字間隔を、隣り合う文字の組み合わせによって文字詰めすることを「カーニング」と呼びます。
| カーニング有り | AVAVAVAV | YaYuYoYaYuYo |
|---|---|---|
| カーニング無し | AVAVAVAV | YaYuYoYaYuYo |
※ カーニングをサポートしているブラウザで参照してください。
font-kerning は、メトリクスカーニングと呼ばれる方法で、カーニングを制御します。メトリクスカーニングでは、Times New Roman や Times などのフォント自体が持つ、この文字とこの文字を並べる際にはこのくらい字詰めするといった「カーニングペア」と呼ばれる情報に従って字詰めします。
| 値 | 説明 |
|---|---|
| auto | カーニングの制御をブラウザの判断にゆだねます。 |
| none | カーニングしません。 |
| normal | メトリクスカーニングの手法でカーニングします。 |
.kern-auto, .kern-none, .kern-normal {
font-size: 22pt;
font-family: "Times New Roman", "Times";
font-weight: bold;
}
.kern-auto {
font-kerning: auto;
}
.kern-none {
font-kerning: none;
}
.kern-normal {
font-kerning: normal;
}
<div class="kern-none">To Tr Ta We Wo Ya Yo AV - none</div> <div class="kern-auto">To Tr Ta We Wo Ya Yo AV - auto</div> <div class="kern-normal">To Tr Ta We Wo Ya Yo AV - normal</div>