在 CSS(層疊樣式表)中,您可以使用font
屬性來定義 HTML 元素中文字的字體。 font
屬性是一種簡寫屬性,它將各種與字體相關的屬性組合為一個。
以下是如何使用font
屬性的基本範例:
CSSselector { font: style variant weight size/line-height family; }
這是一個實際的例子:
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
簡寫。
請記住將選擇器替換為要套用樣式的適當元素或類別。