一、font-variant的概述
font-variant 是 CSS3 中的一个属性，用来控制字体形态的变化。它可以使字母变成小写，或者将小写字母变成小型大写字母，以及改变字体的间隔、字重等属性。
这个属性可以用于单独的字母或一整段文本。
二、font-variant的使用方法
下面是一个使用 font-variant 属性的 CSS 代码：
p {
font-variant: small-caps;
}
这个代码用于将段落中的所有字母都变成小型大写字母。
除了 small-caps 之外，还有 normal（默认值）、small-caps 和 inherit 三种值可供选择。
三、font-variant与字母大小写
在 CSS 中，小写字母在视觉上看起来比大写字母更好看。但是有时候，大写字母也能产生一些特殊的效果，比如强调或区分标识符等等。
font-variant 属性的小型大写字母是一种看起来既不是小写也不是大写的形式，通常用于强调或是作为区分符号使用。
下面是一个使用 font-variant 将字母变成小型大写字母的 CSS 代码：
p {
font-variant: small-caps;
}
四、font-variant与字体属性
font-variant 属性也能活跃地影响其他的字体属性，比如字体样式、字体粗细等等。例如下面这个例子，就是将字体加粗并且变成小型大写字母：
p {
font-variant: small-caps;
font-weight: bold;
}
五、font-variant与文字间隔
font-variant 在一定程度上也能调整字母间的距离。在英文书法中，字母之间的间距非常重要，它们能够影响文字的整体外形。
下面是一个使用 font-variant 控制字体间距的 CSS 代码：
p {
font-variant: petite-caps;
letter-spacing: 0.3em;
}
这个代码在使用小型字母时，同时也将字母之间的距离加大了（其实也可以通过 font-kerning 属性进行字距调整）。
六、font-variant的兼容性问题
目前，font-variant 属性还没有被所有的浏览器充分和普遍地支持。但是，随着 CSS3 标准的普及，相信很快它会成为一种标准，也会得到更好的浏览器支持。
所以，在实际开发中，我们需要根据自己的实际情况决定是否使用 font-variant 这个属性。如果需要使用它，我们也需要适度地考虑浏览器的兼容性问题。
七、font-variant的总结
font-variant 是 CSS3 中非常有用的一个属性，它能控制字体的形态和间距。虽然目前它并没有被所有浏览器所支持，但是对于一些进阶和高级应用场合，它是非常重要的一个属性。
