![](https://csdnimg.cn/release/download_crawler_static/2736694/bg4.jpg)
第 3 章 文字与段落
·33·
说明:在该语法中,face 属性的值可以是 1 个或者多个。默认情况下,使用第 1 种字体进行显示;
如果第 1 种字体不存在,则使用第 2 种字体进行代替,以此类推。如果设置的几种字体在浏览器中都
不存在,则会以默认字体显示。
实例代码:
<!--设置不同的文字字体-->
<html>
<head>
<title>不同字体的显示效果</title>
</head>
<body>
<font face="经典空叠圆简">经典空叠圆简的字体效果</font><br>
<font face="黑体">黑体效果</font><br>
<font face="Times New Roman,Times"> English fonts</font>
</body>
</html>
运行这段代码,可以看到几种不同的字体效果,如图 3-3 所示。
3.2.2 设置字号——size
除了字体外,文字的大小也是吸引用户注意的一个元素。除了使用标题文字标记设置固定大小的
字号之外,HTML 语言提供了<font>标记的 size 属性来设置普通文字的字号。
语法:<font size="文字字号"></font>
说明:在该语法中,文字的字号可以设置为 1~7,也可以是+1~+7 或者是-1~7。这些字号并没有
一个固定的大小值,而是相对于默认文字大小来设定的,默认文字的大小与 3 号字相同,而数值越大,
文字也越大。
实例代码:
<!--设置不同的文字大小-->
<html>
<head>
<title>不同字号文字的效果</title>
</head>
<body>
<font size="1">1 号字体的效果</font><br>
<font size="2">2 号字体的效果</font><br>
<font size="3">3 号字体的效果</font><br>
<font size="4">4 号字体的效果</font><br>
<font size="5">5 号字体的效果</font><br>
<font size="6">6 号字体的效果</font><br>
<font size="7">7 号字体的效果</font><br>
<font size="+2">默认字号+2,也就是 5 号字体的效果</font><br>
<font size="-1">默认字号-1,即 2 号字体的效果</font>
</body>
</html>
运行这段代码,可以看到文字的大小变化,其效果如图 3-4 所示。
图 3-3 设置不同的文字字体
图 3-4 设置不同的字号