使用font-variant屬性只有一個作用：把文本設置成小型大寫字母，這也是針對英文而言，因為中文不存在大小寫之分。
語法：
font-variant：normal/small-caps;
說明：
font-variant屬性取值如下表：
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>font-variant屬性</title>
<style type="text/css">
#p1{font-variant:normal;}
#p2{font-variant:small-caps;}
</style>
</head>
<body>
<p id="p1">font-variant屬性值為normal（正常效果）</p>
<p id="p2"> font-variant屬性值為small-caps（小型大寫字母）</p>
</body>
</html>
在浏覽器預覽效果如下：
分析：
font-variant屬性在英文國家還可能見得到，但是在我們偉大的天朝一般是極少用到的。對於英文的大小寫轉換，我們用的是text-transform屬性，而不是用font-variant屬性。