16.5　字体类型

字体类型是对象中文本的字体名称序列，序列可包含嵌入字体，因浏览器不同而默认的字体也会不同。设置字体类型时，可以选择多种类型，用逗号隔开，字体类型的语法形式为font-family，后接字体的类型，用冒号隔开，其他语法表示如下。

/CSS代码：设置字体类型/

Font-family：fontname；

其中fontname是指字体类型，如宋体、Courier、CourierNew。对于汉字，字体类型首选为中文类型字体，同时可以放多种字体，代码16.5表示字体类型用法。

代码16.5　源代码\第16章\字体类型.html

———————————————文件名：字体类型.html——————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞字体类型＜/title＞

04 ＜styletype="text/css"＞

05 #fontclass1

06 {

07 /以下是设置字体类型/

08 font-family："宋体"；

09 }

10 #fontclass2

11 {

12 /设置字体类型为多个/

13 font-family："CourierNew"，Courier, monospace；

14 }

15 #fontclass3

16 {

17 font-family：黑体；

18 }

19 ＜/style＞

20 ＜/head＞

21 ＜body＞

22 ＜divid="fontclass1"＞

23 HTML+CSS完全自学手册—宋体

24 ＜/div＞

25 ＜divid="fontclass2"＞

26 HTML+CSS完全自学手册—CourierNew, Courier, monospace；

27 ＜/div＞

28 ＜divid="fontclass3"＞

29 HTML+CSS完全自学手册—黑体

30 ＜/div＞

31 ＜/body＞

32 ＜/html＞

【代码解析】代码第22～30行对3个层设置不同的字体类型。在第1层中，设置为宋体（代码第22行），宋体只对汉字起作用，HTML+CSS还是默认的英文字体；同理，在第2层中，设置了CourierNew、Courier和monospace三种字体（代码第25行），在显示字体类型时，系统先用第1种字体显示，如果第1种字体在系统中没有，那么显示第2种字体类型，直到最后一种设置的类型；在第3层中设置了中文为黑体，效果如图16.5所示。

图　16.5　设置字体类型