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

font-size 和 font-family 這兩個屬性需要同時存在

注意

font中如果未聲命line-height則會將line-height重置為normal

避免過長font-family的寫法

（1）可以隨便找一個系統根本不存在的字型名佔位

（2）使用font-face

font屬性的關鍵字

font:caption | icon | menu | message-box | small-caption | status-bar

• caption：活動視窗標題欄使用的字型。

• icon：包含圖示內容所使用的字型，如所有資料夾名稱、檔名稱、磁碟名稱，甚至 瀏覽器視窗標題所使用的字型。

• menu：選單使用的字型，如資料夾選單。

• message-box：訊息盒裡面使用的字型。

• small-caption：調色盤標題所使用的字型。

• status-bar：窗體狀態列使用的字型。

在使用 font 屬性的時候，要避開 caption、 icon 和 message-box 這 3 個關鍵字

在實際使用時，我們還需要在一下面再設 定一下 font-size 大小來保證一致性

html {
 font
 
: menu;
 font-size: 16px;
} 

應用

在控制不同平臺顯示字型的時候，最好的方式便是採用系統的預設字型，藉由font的關鍵字屬性實現

html { font: menu; }
body { font-size: 16px; } 

html { font: small-caption; }
body { font-size: 16px; }

html { font: status-bar; }
body { font-size: 16px; } 

最大的好處便是網站字型能時時刻刻 與時俱進