font-kerning プロパティ
font-kerning プロパティは、フォント間の字詰め(文字間隔)を指定するプロパティです。
font-kerning: none;
詳しくは Example を参照してください
kerning データをもつフォントだけに機能します。
デフォルト( auto値 )で字詰めが行われるため、字詰めをしたくない場合はこのプロパティの値を none
に指定する必要があります。
ページ内 Index
kerning 機能について
例えば、kerning データをもつ font-family の serif
フォントファミリー において、以下のようにアルファベットのA
とV
の間が自動で字詰めが行われます。A
とV
、A
とW
のように字詰めできる文字間でのみ機能します。
kerning 機能あり
AV
kerning 機能なし
AV
上は kerning 機能によりA
とV
の間が字詰めされています。下は kerning 機能をnone
にしています。下のほうがA
とV
の間が広いです。
構文(Syntax)
CSS
font-kerning: auto | normal | none ;
DOM ( JavaScript )
String = object.style.fontKerning;
object.style.fontKerning=" auto | normal | none ";
値(Values)
| Value | 摘要 |
|---|---|
| auto | 初期値(default値)、文字間隔はフォントによる |
| normal | kerning機能あり |
| none | kerning機能なし |
備考(Remarks)
| 初期値(Default value) | auto |
| 継承(Inherited) | Yes |
| CSS Animation | No |
Example
関連 CSS プロパティ
関連するプロパティに以下があります。
| font | fontに関するプロパティの一括指定 |
| font-family | フォントファミリ |
| font-feature-settings | OpenTypeフォントのもつ文字体裁機能を指定 |
| font-kerning | フォント間の字詰め(文字間隔) |
| font-size | 大きさ |
| font-stretch | フォントの表示幅 |
| font-style | 文字のスタイル |
| font-variant | スモールキャップの有無 |
| font-variant-caps | スモールキャップの有無 |
| font-weight | 太さ |
テキストに関するプロパティには以下があります。
| プロパティ | 概要 |
|---|---|
| line-height | 行間 |
| text-align、vertical-align | テキストの配置操作 |
| background{ linear-gradient() } | マーカーでラインを引いたような装飾 |
