5.3 CSS 字体属性

粗体(bold)斜体(italic) 文本

字体尺寸(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 , 取值范围可以从 100900

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;