2.6  字体

使用CSS，可以设定4种主要的字体属性：字体系列、字体样式、字体大小和字体粗细。通过它们，可调整文本在Web页面中或打印时显示的方式。

2.6.1  字体系列

Font-family属性指派要使用的字体。它也支持按优先级顺序列出各种字体，这样当用户没有安装首选的字体时，样式化可以适当降级。例如，要给段落设置默认字体，可以使用一个如下所示的CSS规则：

p { font-family: Verdana, Arial, Helvetica, sans-serif; }

其中，字体名称由两个或多个词构成，必须将名称放在引号内，如下所示：

p { font-family: "Times New Roman", Georgia, serif; }

提示：

由于它们实际应在所有Web浏览器和操作系统中可用，所以在Web页面上使用的最安全的字体系列为Arial、Helvetica、Times New Roman、Times、Courier New和Courier。Verdana、Georgia、Comic Sans MS、Trebuchet MS、Arial Black和Impact字体对于Mac和PC来说是安全的，但可能不能安装在像Linux这样的操作系统上。其他常用但不太安全的字体有Palatino、Garamond、Bookman和Avant Garde。如果使用其中一种字体，则要确保在CSS中提供一个或多种较安全的字体作为退路，这样Web页面将在没有首选字体的情况下适当降级。

2.6.2  字体样式

通过这一属性，可以选择正常、以斜体字或倾斜体显示一个字体。下列规则创建了3个可对元素应用这些效果的类(normal、italic和oblique)：

.normal {font-style:normal; }

.italic {font-style:italic; }

.oblique {font-style:oblique; }

2.6.3  字体大小

如前面有关度量单位一节所述，可以以多种方式改变字体大小。但这些方式归为两种主要类型：固定的和相对的。固定设置如下规则所示，其将默认段落字体大小设置为14磅：

p { font-size:14pt; }

或者，使用当前默认字体大小，通过它样式化各种类型的文本，如标题。在下列规则中，定义了一些标题的相对大小，从<h4>标记开始，它比默认值大20%，然后各个标记依次比前一个标记大40%。

h1 { font-size:240%; }

h2 { font-size:200%; }

h3 { font-size:160%; }

h4 { font-size:120%; }

2.6.4  字体粗细

使用这一属性，可以选择以何种粗细度显示字体。可使用的主要值有normal和bold，如下所示：

.bold { font-weight:bold; }