2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

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

font-variant-alternatesの評価
頻出度
(1.0)
重要度
(1.0)
総合評価
(1.0)




1.font-variant-alternatesとは?

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

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

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

使用方法

  • normal
  • historical-forms
  • stylistic()
  • styleset()
  • character-variant()
  • swash()
  • ornaments()
  • annotation()




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);
}




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です