font-variant：small-caps; vs text-transform：capitalize;

在CSS是什么font-variant:small-caps;和text-transform:capitalize;font-variant：small-caps; vs text-transform：capitalize;

如果你在Firefox安装Firebug的，你可以操纵任何网站CSS和与各种性质玩玩看它们是如何工作的。 – jwhat 2010-03-13 14:44:19

简单：http://jsfiddle.net/MSPUq – vegemite4me 2013-10-23 15:41:06

如果您使用text-transform: capitalize单词“堆栈溢出”将变成“堆栈溢出”，每个单词的第一个字母只有CAPS。

但是，如果您使用font-variant: small-caps，“堆栈溢出”一词将变为“堆栈溢出”，但在应用CSS样式之前，类型面的高度将与小写字母的高度相匹配。所以所有的CAPS，但更小。（SᴛᴀᴄᴋOᴠᴇʀғʟᴏᴡ）

和text-transform: uppercase让这一切CAPS太多，但但字体保持相同的大小，所以uppercase字体会比较大的是small-caps

2010-03-13 12:20:48 pixeltocode

我认为font-variant：small-caps就像是一个混合的文本转换：大写和文本转换：大写 – 2010-03-13 13:11:54

不完全。大写使所有字母大写。大写使得每个单词CAPS只有首字母。小型大写字母制作所有大写字母，但大写字母的高度将等于非大写字母的高度 – pixeltocode 2010-03-13 15:46:37

关于文字大小差异的好处。谢谢。 – bashirs 2012-04-12 15:34:43

之间的差大写是由正常大写字符文本：（来自here截取）

大写

小型股是像这样：

alt text

text-transform在某些浏览器中出现错误：请参阅here。

例如：如果字体变形属性设置为小型股

在Internet Explorer的Windows版本直至并包括7，值小写和大写的行为像没有。

2010-03-13 11:24:08

那么什么是文本转换：大写; – 2010-03-13 11:25:58

http://www.w3schools.com/Css/pr_text_text-transform.asp将每个单词的第一个字符转换为大写 – 2010-03-13 11:26:44

我也在看同样的内容。请参阅W3cschools 1.大写字母是\t将每个单词的第一个字符转换为大写字母并且2.小写字母是浏览器显示小写字体。不是两个都是一样的东西 – 2010-03-13 11:29:33

在常规的印刷术出现在小盘股和大写的巨大差异正如本论坛的贡献者之一所述。小型大写字母是x大小（几乎）等于小写字母的大写字母。

要用CSS模仿这个，你可以使用font-variant: small-caps;。

当您使用此自定义字体（使用@font-face开始）时，它有时会出错。

尝试添加text-transform: lowercase;添加前font-variant：

.smallcaps { 
    text-transform: lowercase; 
    font-variant: small-caps; 
}

2013-09-06 13:25:17 Toon

回答