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

回答