2012-10-28 50 views
4

在MS Word上,我們有一個名爲「Small Capitals」的文本功能。它將所有字母變成大寫,但小寫字母變小,然後變大寫。我需要知道在CSS中是否可行。啓用小寫字母

例子:

原始:你好世界
小額資本^h ELLO W¯¯ ORLD

注意:SO降價不支持CSS font-size風格標籤幽冥small,所以我表現爲黑客。那麼,強大的字母比小寫字母的正常字母要大。

在CSS中可能嗎?我該怎麼做?

回答

9

它在英語中被稱爲「小首字母」或「小寫字母」。在印刷術中,小寫字母單獨設計(通過字體作者)字母的版本。它們具有大寫字母的形狀,但它們的高度通常只比字體的x高度(小寫字母「x」的高度)大。它們可能以小型字體實現,但更常見的是它們是字體內的字形變體。

在MS Word中,包括Word 2007以及在font-variant: small-caps的CSS實現中,「小型首都」實際上只是縮小的大寫字母。 (Word 2010允許訪問OpenType功能和真正的小型大寫字母。)這通常意味着它們的筆觸寬度太小,爲了避免這種效果變得太糟糕,字體大小的減小是相當有限的,所以假的「小寫字母」 「並不比正常資本小得多。

由於這樣的原因,大多數網頁上最好避免使用「小型大寫字母」。

但是,在CSS中提供對OpenType功能的訪問方面正在進行中。目前,支持的形式是以CSS3字體中建議的font-feature-settings屬性的瀏覽器前綴版本的形式存在。例如:

<style> 
body { 
    font-family: Calibri, sans-serif; 
} 
.sc { 
    -moz-font-feature-settings: 'smcp'; 
    -webkit-font-feature-settings: 'smcp'; 
    -ms-font-feature-settings: 'smcp'; 
    font-feature-settings: 'smcp'; 
} 
</style> 
<div class=sc>Hello world</div> 
<div><span style="font-variant: small-caps">Hello world</span> 
    (fake small caps)</div> 

這適用於支持的瀏覽器(瀏覽器,Firefox,IE 10),條件是該字體有小型大寫(例如,宋體,坎布里亞,Candara,康士坦奇亞,牛腿,帕拉提諾型活字)。

0

我認爲你是在談論小盤股,因此,嘗試:

字體變:小型股;

2

是的,你可以用font-variant來做。我認爲你的意思是「大寫」

<span style="font-variant:small-caps;">Hello World</span> 
+0

正是我需要的!謝謝!! –

+0

這是錯誤的。 'font-variant:small-caps'產生**假**小帽。 –

+0

@MattMc感謝您重複2012年Jukka的偉大答案(http://stackoverflow.com/questions/13110272/enabling-small-capitals/13111159#13111159) – bukart