16.8.2　加入CSS控制字体

对上一小节中的字体进行样式设置，需要在＜style＞＜/style＞标记对中加入CSS代码，并用上面设置的ID选择符表示样式的名称，如ID为font1的层，在CSS中设置了字体类型font-family为“宋体”；在ID为font2的层中，设置其内对象为“黑体”的字体类型；在ID为font3的层中，设置的字体类型为“隶书”；而在最后一个层中，设置字体重量（font-weight）为粗体。因正文内容不变，只对样式进行设置，因此只列出样式的代码，如下所示。

01 ＜styletype="text/css"＞

02 #font1

03 {

04 /设置字体类型/

05 font-family："宋体"；

06 }

07 #font2

08 {

09 font-family："黑体"；

10 }

11 #font3

12 {

13 font-family："隶书"；

14 }

15 #font4

16 {

17 /设置字体重量/

18 font-weight：bolder；

19 }

20 ＜/style＞

【代码解析】代码的第5、9、13、18行设置与之关联的DIV中的ID选择符样式，前3个层表示汉字不同的字体类型，而在最后一个层，也就是第4层中，设置层内对象为粗体，在网页中表现为第1层是宋体的文字；第2层是黑体的文字，同理，第3层是隶书，而在最后一层中，为粗体的文本，且字体类型为默认状态，效果如图16.9所示。

图　16.9　CSS控制字体样式