在 CSS 中，font-family 屬性常常被用來指定某個元素的字體。而在這個屬性基礎上，有一種叫做 font 連寫（font shorthand）的寫法，可以同時指定字體大小、行高、樣式等信息，提高了代碼的簡潔性和可讀性。

font: font-style font-variant font-weight font-size/line-height font-family;

從上到下，font 連寫包含五個部分，它們分別是：

• font-style：字體風格，取值為 normal（普通樣式）、italic（斜體）和 oblique（傾斜）；
• font-variant：字體修飾符，取值為 normal（普通樣式）和 small-caps（小型大寫字母）；
• font-weight：字體粗細，取值為 normal（普通粗細）、bold（粗體）、bolder（加粗）、lighter（細體）和 100-900（數值粗細）；
• font-size/line-height：字體大小和行高，可以用斜杠隔開，也可以分別寫在 font-size 和 line-height 屬性中；
• font-family：字體族，可以是一個字體名稱列表，也可以是字體類型列表，其中以逗號隔開，瀏覽器會按照從左到右的順序遍歷列表中的字體。

font: italic small-caps bold 16px/1.5 'Arial', 'Helvetica', sans-serif;

上面的代碼等同于以下代碼：

font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 16px;
line-height: 1.5;
font-family: 'Arial', 'Helvetica', sans-serif;

由此可以看出，font 連寫的寫法能夠大大簡化 CSS 代碼，提高開發效率，并且使得代碼更加易讀易維護。