可以一次設定 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
此特徵的值可設為：
- font-style, font-variant, font-weight, font-size, line-height, font-family：請參考各自的說明
- caption：用在控制的字。
- icon：用在標示圖塊的字。
- menu：用在選單的字。
- message-box：用在對話框的字。
- small-caption：用在小控制的字。
- status-bar：用在狀態列的字。
- 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> - 執行結果： font-size line-height italic Bold SMALL-caps
特別字。
- 風格用法：
<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> - 執行結果：caption icon menu message-box small-caption status-bar inherit
請參考 說明與範例。
設定字的風格，可設為：
- normal：預設值。
- small-caps：小寫字母轉換成大寫字母，然後縮小尺寸。
- inherit：繼承父元素特徵。
- 風格用法：
<span style='font-variant: small-caps' >ABCD abcd</span>
- 執行結果：ABCD abcd
