font-kerning プロパティ
font-kerning プロパティは、フォント間の字詰め(文字間隔)を指定するプロパティです。
kerning データをもつフォントだけに機能します。
デフォルト( auto値 )で字詰めが行われるため、字詰めをしたくない場合はこのプロパティの値を none
に指定する必要があります。
ページ内 Index
kerning 機能について
例えば、kerning データをもつ font-family の serif
フォントファミリー において、以下のようにアルファベットのA
とV
の間が自動で字詰めが行われます。A
とV
、A
とW
のように字詰めできる文字間でのみ機能します。
上は kerning 機能によりA
とV
の間が字詰めされています。下は kerning 機能をnone
にしています。下のほうがA
とV
の間が広いです。
構文(Syntax)
CSS
DOM ( JavaScript )
値(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() } | マーカーでラインを引いたような装飾 |