切換語言為:簡體

font: 1em Gaegu, cursive; 這是什麼意思,跟font-family有何區別

  • 爱糖宝
  • 2024-11-14
  • 2024
  • 0
  • 0

在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字型,備用草書字型。

0則評論

您的電子郵件等資訊不會被公開,以下所有項目均必填

OK! You can skip this field.