在网页中普通文字信息更是不可缺少的。然而多种多样的文字效果可以使得网页变得更加绚丽。

HTML font 属性

属性含 义
face设置文字字体
size设置文字字号(大小)
color设置文字颜色

HTML font 设置文字字体 face

在 HTML 语言中,可以通过 face 属性设置文字的不同字体效果。所设置的字体必须在系统中已经安装了才可以正确浏览,否则这些特殊字体会被浏览器中的普通字体所替换。所以,我们在设计网页时尽量不要使用特殊字体,以免用户在浏览时无法显示预期的效果。

语法格式

<font face="字体1,字体2,字体3,..."> 字体内容 </font>

注意:上面语法中的face属性值可以是一个或多个。默认情况下,使用第一个字体进行显示,如果第一个字体不存在,则使用第二个字体进行显示,以此类推。如果设置的字体都不存在,则会使用默认字体显示。

HTML font 设置文字字号 size

HTML 页面中的文字可以使用不同的字号来表现。字号就是我们经常说的字体的大小,它没有一个固定的大小标准,只是相对默认字体大小而言。我们知道标题标签 h1 到 h6 也能改变字体大小,然而也可以通过<font>标签的size属性来设置普通文字的大小。

会被浏览器中的普通字体所替换。所以,我们在设计网页时尽量不要使用特殊字体,以免用户在浏览时无法显示预期的效果。

语法格式

<font size="文字字号"> 字体内容 </font>

注意:文字的字号可以设置为1 - 7,也可以设置为+1 - +7或者是-1 - -7。并没有一个固定的大小值,而是相对于默认字体大小而定的,数值越大,文字也越大。

HTML font 设置文字颜色 color

font 标签也提供了color 属性使得文字可以表现出不同的效果。丰富的颜色能够极大的增强 HTML 文档的表现能力。

语法格式

<font color="颜色值"> 字体内容 </font>

注意:颜色值是十六进制的。

HTML <font> 标签实例

<html>
<head>
<title>font文字标签</title>
</head>
<body>
<font face="黑体">文字字体</font><br/>
<font size="6">文字大小</font><br/>
<font color="#FFFFFF">文字颜色</font><br/>
<font face="黑体" size="6" color="#FFFFFF">HTML font 标签</font>
</body>
</html>

运行效果如下:

font文字标签

HTML font 字体加粗

可以用<b>标签或<strong>标签,也可以通过 CSS 样式font-weight:bold;来实现,如:

<b>加粗</b>
<strong>加粗</strong>
<span style="font-weight:bold;">加粗</span>