字型速記

使用語法:

element {
    font: [font-style] [font-variant] [font-weight] [font-size/line-height] [font-family];
}

你可以使用 font 速記在一個宣告中包含所有與字型相關的樣式。只需使用 font 屬性,並按正確順序輸入值。

例如,要使所有 p 元素以字型大小 20px 加粗並使用 Arial 作為字型系列,通常可以按如下方式對其進行編碼:

p {
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, sans-serif;
}

但是使用字型速記可以如下壓縮:

p {
    font: bold 20px Arial, sans-serif;
}

注意 :因為 font-stylefont-variantfont-weightline-height 是可選的,所以在這個例子中跳過它們中的三個。請務必注意,使用快捷方式會重置未給出的其他屬性。另一個重點是字型快捷方式的兩個必要屬性是 font-sizefont-family。如果它們都不包括在內,則忽略該快捷方式。

每個屬性的初始值:

  • font-style: normal;
  • font-variant: normal;
  • font-weight: normal;
  • font-stretch: normal;
  • font-size: medium;
  • line-height: normal;
  • font-family - 取決於使用者代理