字体属性（Font Properties）包括：字体名称、字号、字重、字体风格、字体参数、文字变形、文字修饰、字体等。

1.字体属性（font-family）

语法：

font-family：字体名称

说明：

（1）用font-family属性可控制显示字体。

（2）字体名称应按优先级排列，中间用逗号隔开。如果字体名称包含空格，则需用引号将其括起来。

（3）不同的操作系统，其字体名是不同的。对于Windows系统，其字体名有如Word“字体”列表中所列出的字体名称。例如：

h1｛margin：16px；font-family：黑体，宋体｝

【例7-12】font-family属性使用示例。

下面的代码是设置并显示网页文本的字体名称。在编辑窗口中输入下面的代码：

＜！--文件名：ex7-12.html--＞

＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

＜html xmlns="http://www.w3.org/1999/xhtml"＞

＜head＞

＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞

＜title＞font-family示例＜/title＞

＜link rel="stylesheet"href="ex7-12.css"type="text/css"/＞

＜/head＞

＜body＞

＜p id="font1"＞黑体＜/p＞

＜p id="font2"＞幼圆＜/p＞

＜p＞＜span id="font3"＞隶书＜/span＞＜/p＞

＜p＞＜span id="font4"＞楷体_GB2312＜/span＞＜/p＞

＜p＞默认字体AB12ab＜/p＞

＜/body＞

＜/html＞

图7-13　font-family属性使用示例

/*文件名：ex7-12.css*/

p｛font-size：15pt｝

#font1｛font-family：黑体｝

#font2｛font-family：幼圆｝

#font3｛font-family：隶书｝

#font4｛font-family：楷体_GB2312｝

显示效果如图7-13所示。

2.字号属性（font-size）

语法：

font-size：绝对尺寸|相对尺寸|百分数

说明：

（1）本语法用于设置字体的尺寸。

（2）参数中，若采用绝对尺寸，则根据对象字体进行调节，可选xx-small|x-small|small|medium|large|x-large|xx-large；若采用相对尺寸，则相对于父对象中字体尺寸进行相对调节；若采用百分数，则取值是基于父对象中字体的尺寸。

例如，下面规则表示包含在＜p＞中＜b＞的文字尺寸是15pt，因为＜b＞中的字号是相对于＜p＞字号（10pt）的1.5倍。(www.daowen.com)

p｛font-size：10pt｝

b｛font-size：1.5em｝

h3｛font-size：20px｝

（3）百分比例参数常用于继承父属性的场合。例如，下面规则使所有包含在＜p＞中＜b＞的文字尺寸为＜p＞尺寸设定值的2倍，即20pt。

p｛font-size：10pt｝

b｛font-size：200%｝

（4）同一字体不同字号在网页中显示的效果是不同的，有些美观，有些欠佳。例如，宋体9pt和11pt是公认的较美观的字号，绝大多数网页的正文都使用它。在CSS中设置方法为：

body｛font-family："宋体"；font-size：9pt｝

p｛font-family："宋体"；font-size：11pt｝

3.字体风格（font-style）

语法：

font-style：italic|oblique|normal

说明：

（1）本属性的作用是将文本字体设置为斜体（italic），例如：

h3｛font-style：italic｝

（2）对于没有斜体变量的特殊字体，将应用oblique。

（3）normal为正常的字体，声明此值将取消之前设置。

4.字重（font-weight）

语法：

font-weight：bold|number|normal

说明：

（1）本属性的作用是设置文本字体的粗细。由客户端系统安装的特定字体变量映像决定，系统选择最近的匹配。也就是说，有时用户可能看不到不同值之间的差异。

（2）bold为粗体，相当于number为700，也相当于b标记的作用。number取值为100|200|300|400|500|600|700|800|900。例如：

p｛font-weight：bold｝

h1｛font-weight：500｝

（3）normal为正常的字体，相当于number为400，声明此值将取消之前设置。

5.文字变形（text-transform）

语法：

text-transform：uppercase|lowercase|capitalize|none

说明：

（1）本属性的作用是设置字母的大小写。

（2）uppercase使所有字母大写显示，lowercase使所有字母小写显示，capitalize使每个单词的第1个字母大写显示，none使所有继承的文字变形参数被忽略，文字将以原来的形式显示。例如：

h2｛text-transform：uppercase｝

b｛text-transform：capitalize｝

6.文字修饰（text-decoration）

语法：

text-decoration：underline||blink||overline||line-through|none

说明：

（1）本属性的作用是设置对象中文本的修饰。

（2）underline为下划线，blink为闪烁，overline为上划线，line-through为贯穿线，none为无装饰。

（3）对象a、u、ins的文字修饰默认值为underline；对象strike、s、del的默认值是line-through。如果应用的对象不是文本，则此属性不起作用。例如：

div｛text-decoration：underline overline；｝

h2｛text-decoration：underline；｝