CSS font-variant 可以用来对局部的内容文字做大写与缩小的变化。
CSS font-variant 语法示例
font-variant: 属性值 ;
属性值有三种，分别是 normal、small-caps、inherit，其中 normal 是默认值，浏览器并不会将文字缩小，也不会将字母转为大写，所以有写跟没写没什么差别，重点在于 small-caps，这个属性值会将英文字母变大写，而且字体缩小，至于 inherit 是继承父层属性，不过不建议使用，因为 IE 浏览器目前的版本并不支持此属性值。
CSS font-variant 实做示例<style type=”text/css”>
<!–
span {
font-variant:small-caps;
}
–>
</style>
<span>Test string.</span>Test string.输出结果
也许你有发现第一个 T 的比例比其他的还要大一些些，其实并不是 T 比较大，而是后面的其他英文字母缩小了，这就是 CSS font-variant 的特殊效果，另外 font-variant 对繁体中文字体似乎没有效果。