font-variant-alternates:文字フォントの代替字体(グリフ)の選定を制御する

初期値 normal
適用対象 全ての要素、::first-letterおよび::first-line
継承 する
アニメーション 離散値
対応ブラウザ caniuseで確認

font-variant-alternatesプロパティの説明

CSSの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プロパティの構文は以下の通りです。


/* キーワード値 */
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 文字フォントの太さを指定する