font, font-family, font-style, font-variant, font-weight

font | font-family | font-style | font-variant | font-weight

font

可以一次設定 font-style, font-variant, font-weight, font-size, line-height, font-family。font 會先將所有字型特徵設為預設值，然後再依其後接的參數，設定個別值。其語法是：

font: font-size font-family

font-size, font-family 是最基本的兩項，一定要有。然後依序加上其它項目，秩序不對可能會導致失敗。

font: [ font-style | font-variant | font-weight ] font-size [ / line-height ] font-family

此特徵的值可設為：

1. font-style, font-variant, font-weight, font-size, line-height, font-family：請參考各自的說明
2. caption：用在控制的字。
3. icon：用在標示圖塊的字。
4. menu：用在選單的字。
5. message-box：用在對話框的字。
6. small-caption：用在小控制的字。
7. status-bar：用在狀態列的字。
8. inherit：繼承父元素特徵。

font。 <style type='text/css'> SPAN[style~='font:']:after {content:' / '; color:red} </style> <span style='font: 24px serif'>font-size</span> <span style='font: 24px /140% serif'>line-height</span> <span style='font: italic 24px /140% serif'>italic</span> <span style='font: italic bold 24px /140% serif'>Bold</span> <span style='font: small-caps italic bold 24px /140% serif'>SMALL-caps</span>

特別字。 <span style='font: caption'>caption</span> <span style='font: icon'>icon</span> <span style='font: menu'>menu</span> <span style='font: message-box'>message-box</span> <span style='font: small-caption'>small-caption</span> <span style='font: status-bar'>status-bar</span> <span style='font: inherit'>inherit</span>

font-size

font-size-adjust

font-stretch

請參考 說明與範例。

font-variant

設定字的風格，可設為：

1. normal：預設值。
2. small-caps：小寫字母轉換成大寫字母，然後縮小尺寸。
3. inherit：繼承父元素特徵。

<span style='font-variant: small-caps' >ABCD abcd</span>