目录

font-variant-alternates

font-variant-alternates 字体变形候补 CSS 属性参数控制替代符号的用法。通过在 @font-feature-values 中定义的替代名称就可以引用这些备用标志符号。

 

语法

font-variant-alternates: normal;

font-variant-alternates: historical-forms;

font-variant-alternates: stylistic(user-defined-ident);

font-variant-alternates: styleset(user-defined-ident);

font-variant-alternates: character-variant(user-defined-ident);

font-variant-alternates: swash(user-defined-ident);

font-variant-alternates: ornaments(user-defined-ident);

font-variant-alternates: annotation(user-defined-ident);

font-variant-alternates: swash(ident1) annotation(ident2);

描述
normal此关键字会导致deactivation的这种备用标志符号的使用。。
historical-forms此关键字允许显示历史形态
stylistic()这一方法让文体替代字的显示。
styleset()这一方法使一组文体的替代字符的使用。
character-variant()这一方法使一组文体的替代字符的使用。他非常类似于styleset()
swash()这一方法使斜体标志符号显示。
ornaments()这一方法使装饰品,fleurons 和其他装饰向标志符号显示。

例子

HTML

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

CSS

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

执行结果

Firefox rocks!

Firefox rocks!

参考

相关链接

外部链接