在 CSS(層疊樣式表)中,您可以使用font屬性來定義 HTML 元素中文字的字體。 font屬性是一種簡寫屬性,它將各種與字體相關的屬性組合為一個。

以下是如何使用font屬性的基本範例:

CSS
selector { font: style variant weight size/line-height family; }
  • style :字體樣式(例如,正常、斜體或傾斜)。
  • 變體:字體變體(例如,普通或小型大寫字母)。
  • Weight :字體粗細(例如,正常、粗體、粗體、較淺、100、200、...、900)。
  • size :字體大小(例如,12px、1.5em 等)。
  • line-height :行高(可選,您可以指定數字或百分比)。
  • family :字體系列(例如 Arial、Helvetica、sans-serif)。

這是一個實際的例子:

CSS
body { font: italic small-caps bold 16px/1.5 'Times New Roman', Times, serif; }

在此範例中, body元素具有斜體、小型大寫字母、粗體字體,大小為 16 像素,行高為 1.5,字體系列包括「Times New Roman」、「Times」和通用襯線字體。

或者,如果您不想使用簡寫font屬性,則可以使用單獨的字體相關屬性。這是一個例子:

CSS
body { font-style: italic; font-variant: small-caps; font-weight: bold; font-size: 16px; line-height: 1.5; font-family: 'Times New Roman', Times, serif; }

使用單獨的屬性可以提供更大的靈活性,但為了簡潔起見,通常使用font簡寫。

請記住將選擇器替換為要套用樣式的適當元素或類別。