一、字体属性

字体-font-family

字体族[font-family]

在CSS中，我们不仅可以为字体添加颜色，样式，我们还可以通过这篇文章，了解到如何设置一组按优先级排序的字体列表，如果该列表中的第一个字体未在访问者计算机上安装，那么就尝试列表中的下一个字体.

下面是一个按优先级排列的字体列表的例子：

h1 {font-family: arial, verdana, sans-serif;}

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

我们将H1的标题将采用Arial。如果访问者的计算机未安装Arial，那么就使用Verdana字体。假如Verdana字体也没安装的话，那么将采用一个属于sans-serif族类的字体来显示这个h1标题。

注意我们为“Times New Roman”采用的写法：因为其中包含空格，所以我们用引号将它括起来。

字体-font-style

字体样式[font-style] CSS属性font-style定义所选字体的显示样式：

normal（正常）、italic（斜体）或oblique（倾斜）。

在下例中，所有h2标题都将显示为斜体。 

h1 {font-family: arial, verdana, sans-serif;}
h2 {font-family: "Times New Roman", serif; font-style: italic;}

字体-font-size

字体大小[font-size]

字体大小可通过多种不同单位（比如像素或百分比等）来设置。在本教程中，我们将关注于最常用和最合适的单位。比如：

h1 {font-size: 30px;}
h2 {font-size: 12pt;}
h3 {font-size: 120%;}
p {font-size: 1em;}

上面四种单位有着本质的区别。‘px’和‘pt’将字体设置为固定大小，而‘%’和‘em’允许页面浏览者自行调整字体的显示尺寸。

字体-font

CSS属性font是上述各有关字体的CSS属性的缩写用法。 比如说下面四行应用于p元素的代码：

p {
	font-style: italic;
	font-weight: bold;
	font-size: 30px;
	font-family: arial, sans-serif;
}

如果用font属性的话，上述四行代码可简化为：

p {
	font: italic bold 30px arial, sans-serif;
}

font属性的值应按以下次序书写：

font-style | font-variant | font-weight | font-size | font-family