html font标签如何设置字体大小？html font标签属性用法介绍-html教程-PHP中文网

html font标签如何设置字体大小？html font标签属性用法介绍

寻∝梦

发布： 2018-09-01 13:37:15

原创

13451人浏览过

本篇文章主要的介绍了关于html font标签是怎么设置字体大小的，这个其实和css差不多，但是其他两个font标签的属性用不了，用css代替了，但是我们这该介绍的还是要介绍的，免得有人忘了，介绍了html font标签的三个属性。让我们一起来看看这篇文章吧

首先我们先来看看html font标签是如何来设置字体大小的：

都只到html font标签是个专门用来设置字体的标签，虽然在html5中用的会很少（因为都用css样式来设置font标签里面的属性），但是个人觉得font标签还是相当强大的标签的，为什么这么说呢，看下去就知道了。

先让我们看一个代码实例：

<body>
    <p>这里是<font size="50">PHP中文网</font>，欢迎大家来到PHP中文网，这里有很全面的编程课程</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
</body>

登录后复制

为了更明显的显示出来，我们现在弄了个这么大的字，让大家看的更清楚。在浏览器中显示的效果如图：

可以看出来吧，我把font标签里面的字体改的这么大，应该很清楚很直观吧。

现在我们就把第一个问题，font改变字体大小解释完了。（想看更多关于HTML编程的课程，欢迎来到PHP中文网）

现在让我们来看看关于html font标签属性的用法了：

刚刚只是介绍了html font标签的一种可以改变字体大小的属性。

现在我们再来介绍两种HTML font标签的属性

font face属性，是一种可以定义字体的属性；
font color属性，是一种可以定义字体颜色的属性

让我们一一来看一下：

先说说font face属性，只要是你电脑上有的字体样式，都能用在这上面显示出来。

比如来看一下代码实例：

<body>
    <p>这里是<font size="50">PHP中文网</font>，欢迎大家来到<font face:"黑体">PHP中文网</font>，这里有很全面的编程课程</p>
</body>

登录后复制

这代码就不显示图片了，直接看代码吧，上面加了个字体家族，里面写了个黑体，说明直接把这行文字的文字样式直接弄成黑体显示了，因为实在显示不出什么效果，所以就没图看了。

我们自己清楚就行了，要是自己试验不行的话，可以加上css样式的，在css样式字体里面设置font-family:"黑体"就行了，也是很简单的。

现在说说第二个font color属性，一种定义字体颜色的属性。老规矩，还是看代码实例：

<body>
    <p>这里是<font size="50">PHP中文网</font>，欢迎大家来到<font face="黑体">PHP中文网</font>，这里有很全面的<font color="red">编程课程</font></p>
</body>

登录后复制

这个在最后的编程课程中加上了一个字体标签，颜色弄成了红色的。这个效果也很明显，我们来让它在浏览器中显示一下：

如图所示，这很明显了吧，这就是把字体弄成红色的了，实际上那个黑体也能看出来点，虽然不太明显，但是我还是都圈出来了，大家看看就行了。

这HTML font标签现在用的越来越少了，基本上会css的人都喜欢用css的样式来定义字体的样式，比如改变颜色之类的，但是我可能是有怀旧情结吧，只要能显示出来，我就用font标签内的属性。不用css属性。

【小编推荐】

html5 embed标签的loop属性是怎么用的？embed标签的属性总结！

html5draggable属性是如何做到页面拖动效果的？方法总结在这里！

以上就是html font标签如何设置字体大小？html font标签属性用法介绍的详细内容，更多请关注php中文网其它相关文章！