font-variant-alternates:文字フォントの代替字体(グリフ)の選定を制御する
初期値 | normal |
適用対象 | 全ての要素、::first-letter および::first-line |
継承 | する |
アニメーション | 離散値 |
対応ブラウザ | caniuseで確認 |
font-variant-alternatesプロパティの説明
font-variant-alternates
は、文字フォントの代替字体(グリフ)の選定を制御します。これらの字体は、@font-feature-values
で定義された代替名で参照できます。
@font-feature-values
の規則では、代替字体関数(alternative glyph functions)の名前を定義し、その名前をOpenTypeの引数として関連付けることができます。このプロパティは、@font-feature-values
で定義された名称をスタイルシート内で利用できるようにします。
font-variant-alternatesに指定できる値
- normal
- 代替字体を無効にします。これが初期値です。
- historical-forms
- 歴史的に一般的だった古い形式の字体を有効にします。これはOpenTypeの
hist
に対応します。 - stylistic()
- 個々の文字に対して表現の変更を可能にする関数です。引数はフォント固有の名前を数値に対応づけたものです。これはOpenTypeの
salt
に相当します。 - styleset()
- 一連の文字に対して表現の変更を可能にする関数です。引数はフォント固有の名前を数値に対応づけたものです。これはOpenTypeの
ssXY
に相当します。 - character-variant()
- 文字に対して特定のスタイルの選択肢を可能にする関数です。引数はフォント固有の名前を数値に対応づけたものです。これはOpenTypeの
cvXY
に相当します。 - swash()
- 文字に対して先端に装飾のついたスワッシュのスタイルを有効にする関数です。引数はフォント固有の名前を数値に対応づけたものです。これはOpenTypeの
swsh
およびcswh
に相当します。 - ornaments()
- フルーロンなどの装飾書体を有効にする関数です。これはOpenTypeの
ornm
に相当します。 - annotation()
- 丸囲み文字などの装飾書体を有効にする関数です。これはOpenTypeの
nalt
に相当します。
font-variant-alternatesの使い方とサンプル
font-variant-alternates
プロパティの構文は以下の通りです。
CSS
/* キーワード値 */
font-variant-alternates: normal;
font-variant-alternates: historical-forms;
/* 関数表記 */
font-variant-alternates: stylistic(feature-value-name);
font-variant-alternates: styleset(feature-value-name);
font-variant-alternates: character-variant(feature-value-name);
font-variant-alternates: swash(feature-value-name);
font-variant-alternates: ornaments(feature-value-name);
font-variant-alternates: annotation(feature-value-name);
font-variant-alternates: styleset(value1) annotation(value2);
/* グローバル値 */
font-variant-alternates: inherit;
font-variant-alternates: initial;
font-variant-alternates: revert;
font-variant-alternates: revert-layer;
font-variant-alternates: unset;
font-variant-alternatesに関連するCSSプロパティ
フォント・文字色 | |
---|---|
color | 文字の色を指定する |
font | フォントに関する様々な機能を一括で指定する |
font-family | 文字フォントの種類を指定する |
font-feature-settings | OpenTypeフォントの拡張書体の特性を制御する |
font-kerning | フォントの文字詰め(カーニング)を制御する |
font-language-override | 文字を表示する祭に使用する言語情報を一時的に変更する |
font-size | 文字フォントの大きさを指定する |
font-size-adjust | 現在のフォントサイズを基準に小文字の大きさを相対的に調整する |
font-stretch | 表示させるフォントの幅広や幅狭のフェイスを指定する |
font-style | フォントを筆記体や斜体で表示するかどうかを指定する |
font-synthesis | 太字や斜体に対応していないフォントの加工を制御する |
font-variant | フォントの表示形式やブラウザの合成規則を一括で指定する |
font-variant-alternates | 文字フォントの代替字体(グリフ)の選定を制御する |
font-variant-caps | 文字列に適用されるキャピタライゼーションルールを制御する |
font-variant-east-asian | 東アジアの言語で使われる字体を制御する |
font-variant-ligatures | 隣り合った文字フォントの合字(リガチャ)を制御する |
font-variant-numeric | 数値に関する文字表記を制御する |
font-variant-position | 上付き文字や下付き文字として配置されるべき字体の使用を制御する |
font-weight | 文字フォントの太さを指定する |