5.2 CSS 字体属性
优质
小牛编辑
139浏览
2023-12-01
字体尺寸(font-size)
我们在CSS尺寸单位一课中已经讲解过,用来设置文本显示大小。
p{ font-size: 16px;}
记住设置字体尺寸(font-size)为 16px
不表示每个字符都是 16px
高,实际尺寸还取决于每个字符所用的字体族(font-family)。
字体风格(font-style)
有3种字体样式:正常体(normal)、斜体(italic)和倾斜(oblique)。
oblique 和 italic 的区别在于italic是字体本身具有斜体属性,而oblique是把文本倾斜(无论是否具有斜体属性)。
字体粗细(font-weight)
font-weight属性的缺省值是正常 font-weight: normal;
,要设置为粗体,你可以使用bold:
h2{ font-weight: bold;}
font-weight还可以使用数值来定义,根据文本所使用的 font-family
, 取值范围可以从 100
到 900
:
font-weight: 100; /* Thin */
font-weight: 200; /* Extra Light */
font-weight: 300; /* Light */
font-weight: 400; /* 等同于:normal; */
font-weight: 500; /* Medium */
font-weight: 600; /* Semi Bold */
font-weight: 700; /* 等同于:bold; */
font-weight: 800; /* Extra Bold */
font-weight: 900; /* Ultra Bold */
很少有支持以上九种粗细粒度的font-family,不过一般而言,400 (normal) 和 700 (bold)总是可用,而 300 (light) 和 500 (medium)也常常可用。
字体变体(font-variant)
font-variant属性可以用来把文本设置成小型大写(small-caps)的字符形式,该形式源于排印上的一些需要,不过这个属性很少被使用。
h2{ font-variant: small-caps;}
font-variant属性的缺省值是 font-variant: normal;
。