CSS字体系列

一、字体选取

CSS字体系列是指用于定义网页上字体的一系列CSS属性。其中最为基础的属性就是font-family，它用于指定字体名称或一系列备选的字体名称。也就是说，当指定的字体不可用时，会依次尝试备选字体，直到找到一个可用的字体为止。下面是一个例子：

font-family: Arial, sans-serif;

意思是在Arial字体不可用时，使用系统默认的sans-serif字体。常见的备选字体有serif、sans-serif、monospace、cursive和fantasy。可以使用逗号把多个字体名称隔开，如：

font-family: "Times New Roman", Times, serif;

其中，"Times New Roman"用了引号，因为它包含了空格。同时，还指定了备选字体Times和serif。

二、字体大小

字体大小可以使用font-size属性来设置。该属性的取值可以是以下之一：

• 绝对大小：像素(px)、点(pt)、毫米(mm)、厘米(cm)
• 相对大小：em、rem、%

下面是一个例子：

font-size: 16px;

上述代码表示字体大小为16像素(px)。还可以使用相对大小，如em和rem单位。em单位表示相对于当前元素的字体大小，而rem单位表示相对于根元素的字体大小。例如：

font-size: 1.2em;
font-size: 1rem;

上述代码表示字体大小为父元素字体大小的1.2倍和根元素字体大小的1倍。

三、字体样式

CSS提供了font-style属性来设定字体样式，如斜体、粗体等。具体属性值如下：

• normal：常规字体
• italic：斜体字体
• oblique：倾斜字体

下面是一个例子：

font-style: italic;

上述代码表示将字体变成斜体。

四、字体粗细

CSS提供了font-weight属性来设定字体粗细。具体属性值如下：

• normal：正常粗细
• bold：加粗字体
• bolder：更加加粗字体
• lighter：更轻字体
• 100-900：数字表示

下面是一个例子：

font-weight: bold;

上述代码表示将字体加粗。

五、行高

行高是指行间距的大小。CSS提供了line-height属性来设定行高。line-height属性可以取绝对值和相对值，如px、em、%等。例如：

line-height: 1.5;

上述代码表示行高为字体大小的1.5倍。