HTML字体(Fonts)

HTML

1个成员

HTML字体(Fonts)

发表于 2017-01-11 • 3693 次查看

在HTML里，可以用font这个元素及其属性来设定字体的大小，颜色和字体风格。

<html>
<head><title>字体大小 font size</title></head>

<body>
<p><font size="1">这段文字的字体大小值为1。</font></p>
<p><font size="2">这段文字的字体大小值为2。</font></p>
<p><font size="3">这段文字的字体大小值为3。</font></p>
<p><font size="4">这段文字的字体大小值为4。</font></p>
<p><font size="5">这段文字的字体大小值为5。</font></p>
<p><font size="6">这段文字的字体大小值为6。</font></p>
<p><font size="7">这段文字的字体大小值为7。</font></p>

</body>
</html>

字体风格

用face属性来设定字体风格。示例代码如下：

这一段的字体风格是arial。

<html>
<head><title>字体风格 font face</title></head>

<body>

<p>以下第一段用的是arial字体，第二段用的是courier字体，第三段用的是verdana字体。</p>

<p><font face="arial">arial courier verdana</font></p>
<p><font face = "courier">arial courier verdana</font></p>
<p><font face="verdana">arial courier verdana</font></p>

</body>
</html>

字体颜色

用颜色属性(color)来设定字体颜色。

字体颜色代码请参见HTML颜色参考(HTML Color Reference)。

这一段的字体颜色是红色

<html>
<head><title>字体颜色 font color</title></head>

<body>
<p>这段文字用的是缺省的字体颜色。</p>
<p><font color="#FF0000">这段文字的字体颜色为红色。</font></p>
<p><font color="gray">这段文字的字体颜色为灰色。</font></p>
<p><font color="#33CC00">这段文字的字体颜色为绿色。</font></p>

</body>
</html>