CSS font-variant-alternates属性用法及代码示例

font-variant-alternates属性是CSS3属性之一，通常用于启用各种字体相关的函数，这些函数可以改善页面上文本的外观。 font-variant-alternates属性用于专门选择备用字形。

对于任何给定的字符，除了该字符的默认字形之外，字体还可以提供各种其他字形。通过font-variant-alternates属性，可以选择给定情况所需的特定字形。

用法:

font-variant-alternates:normal | historical-forms | stylistic() |
                         styleset() | character-variant() |
                         swash() | ornaments() | annotation();

属性值：

Keyword Values:它使用关键字值“normal”和“historical-forms”。
Functional Notation Values:它采用的函数标记值为“swash”，“ornaments”，“annotation”，“styleset”，“stylistic”。
Global Values:它采用全局值“initial”，“inherit”和“unset”。

例：

HTML

<!DOCTYPE html>
<html>
 
<head>
    <style>
        @font-feature-values "Leitura Display Swashes" {
            @swash {
                fancy:1;
            }
        }
 
        p {
            font-size:5rem;
        }
 
        .variantAlternates {
            font-family:Leitura Display Swashes;
            font-variant-alternates:swash(fancy);
            color:green;
        }
    </style>
</head>
 
<body>
    <p class="variantAlternates">GeeksforGeeks</p>
 
</body>
 
</html>

输出：

以上代码的输出。

支持的浏览器：仅Firefox浏览器支持此属性。

相关用法

注：本文由纯净天空筛选整理自cyber_psych0大神的英文原创作品 CSS font-variant-alternates Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。