在CSS中,font 屬性是一個簡寫屬性,用於設定字型的多個特性,如字型樣式、字型粗細、字型大小、行高以及字型族。而 font-family 是 font 屬性的一部分,專門用來指定文字應該使用的字型族。
font 屬性
font: 1em Gaegu, cursive; 這個宣告做了以下幾件事:
1em:指定了字型大小。這裏使用的是相對長度單位 em,表示字型大小為父元素字型大小的1倍(即與父元素相同)。
Gaegu:這是一個具體的字型名稱,瀏覽器會嘗試使用這個字型來顯示文字。
cursive:如果Gaegu字型不可用,瀏覽器將選擇一個可用的草書(手寫風格)字型來代替。
fontFamily 屬性
font-family 屬性只關注字型族的選擇。例如:
font-family: 'Gaegu', cursive; 這個宣告告訴瀏覽器首先嚐試使用名為 "Gaegu" 的字型,如果該字型在使用者的系統上不可用,則使用任何可用的草書字型。
區別
font 是一個複合屬性,可以同時設定多個字型相關的屬性,包括但不限於 font-family。
font-family 只是 font 屬性中的一個部分,專門負責字型族的選擇。
示例
如果你只想設定字型族而不改變其他字型屬性,使用 font-family 是更直接的方式。例如:
p { font-family: 'Gaegu', cursive; }
如果你想一次性設定字型大小、字型族等,可以使用 font 屬性:
p { font: italic bold 1em 'Gaegu', cursive; }
這會將段落內的文字設定為斜體、加粗、大小為1em,並且首選Gaegu字型,備用草書字型。