[CSS] font-variant-alternatesプロパティで代替字体の使用を指定しよう!

1.font-variant-alternatesとは?

font-variant-alternatesプロパティは@font-feature-value規則で定義したカスタム名を参照して代替字体の使用を制御します。

値の指定方法は以下の通りです。

{ font-variant-alternates: 使用方法; }

使用方法

2.font-variant-alternatesの使い方

それではfont-variant-alternatesの使い方をみていきましょう。

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

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