font-variant 是 CSS 中用于设置字体变体（variant）的属性。它允许你控制字体的小型大写字母（small-caps）和其他变体效果。

以下是 font-variant 可以接受的值：

1. normal（默认值）： 表示正常的字体效果。
   .element {
     font-variant: normal;
   }

2. small-caps： 将元素的字体显示为小型大写字母。
   .element {
     font-variant: small-caps;
   }

3. initial： 设置为属性的默认值。
   .element {
     font-variant: initial;
   }

4. inherit： 继承父元素的字体变体设置。
   .element {
     font-variant: inherit;
   }

示例：
/* 使用小型大写字母 */
.small-caps-text {
  font-variant: small-caps;
}

/* 恢复为正常字体效果 */
.normal-text {
  font-variant: normal;
}

通过使用 font-variant 属性，你可以调整字体的显示效果，使其符合设计要求。需要注意的是，并非所有字体都支持 small-caps，而在不支持的情况下，浏览器可能会模拟这个效果。


转载请注明出处：http://www.pingtaimeng.com/article/detail/6080/CSS