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!