CSS 字體樣式

字體樣式

font-style 屬性主要用于指定斜體文本。

此屬性可設置三個值：

  • normal - 文字正常顯示
  • italic - 文本以斜體顯示
  • oblique - 文本為“傾斜”（傾斜與斜體非常相似，但支持較少）

實例

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

親自試一試

字體粗細

font-weight 屬性指定字體的粗細：

實例

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

親自試一試

字體變體

font-variant 屬性指定是否以 small-caps 字體（小型大寫字母）顯示文本。

在 small-caps 字體中，所有小寫字母都將轉換為大寫字母。但是，轉換后的大寫字母的字體大小小于文本中原始大寫字母的字體大小。

實例

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

親自試一試