font-variant-alternates

このプロパティは二つの形式のうち一つを取ります。

• キーワード normal
• または、その他の下記のキーワードおよび関数を空白区切り、順不同で 1 つ以上

normal

このキーワードは代替書体を無効にします。

historical-forms

このキーワードは歴史的形式 — 過去には一般的だったけれども今日そうではない書体を有効にします。 OpenType の hist の値に対応します。

stylistic()

この関数は、個々の文字に対して表現の変更を可能にします。この引数は、フォント固有の名前を数値に対応づけたものです。 OpenType の salt の値に相当します (例: salt 2)。

styleset()

この関数は、一連の文字に対するスタイルの代替を可能にします。この引数は、フォント固有の名前を数値に対応づけたものです。 OpenType の ssXY の値に相当します (例: ss02)。

character-variant()

この関数は、文字に対して特定のスタイルの選択肢を有効にします。 styleset() に似ていますが、一連の文字に対してまとまった書体を作成するわけではありませんので、個々の文字は独立した、整合が取れているとは限らないスタイルになります。この引数は、フォント固有の名前を数値に対応づけたものです。 OpenType の cvXY の値に相当します (例: cv02)。

swash()

この関数は、先端装飾書体を有効にします。この引数は、フォント固有の名前を数値に対応づけたものです。 OpenType の swsh および cswh の値に相当します (例: swsh 2 および cswh 2)。

ornaments()

この関数は、フルーロンおよびその他の飾り書体などの装飾を有効にします。 OpenType の ornm の値に相当します (例: ornm 2)。

メモ: テキストの意味を保持するために、フォントデザイナーは、 Unicode のディングバット文字に一致しない装飾を、ビュレット文字 (U+2022) の装飾的な変種として含めるべきです。既存のフォントの中には、このアドバイスに従わないものもあるので注意が必要です。

annotation()

この関数は、丸数字や鏡文字などの注釈表記を有効にします。この函数は丸数字又は鏡文字などの表記を有効にします。この引数は、フォント固有の名前を数値に対応づけたものです。 OpenType の nalt の値に相当します (例: nalt 2)。

font-variant-alternates = 
  normal                                              |
  [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]  

<feature-value-name> = 
  <ident>  

HTML

<p>Firefox rocks!</p>
<p class="variant">Firefox rocks!</p>

CSS

@font-feature-values "Leitura Display Swashes" {
  @swash {
    fancy: 1;
  }
}

p {
  font-size: 1.5rem;
}

.variant {
  font-family: Leitura Display Swashes;
  font-variant-alternates: swash(fancy);
}

• font-variant
• font-variant-caps
• font-variant-east-asian
• font-variant-ligatures
• font-variant-numeric
• @font-feature-values