html字体大小怎么设置

如下：

*** 作设备：戴尔灵越7400

*** 作系统：Win 10

软件：html文件2017

1、先在HTML网页编写一些测试的文字。

2、然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。

3、因为测试文字是在body标签内的，所以我们要对body标签设置css属性就可以了。

4、我们可以用font-family来设置HTML网页字体的类型，比如这里我设置为“华文楷体”。

5、再去看文字的变化效果，文字变成了华文楷体类型，比原先的好看多了。

6、然后color可以改变文字的颜色，比如我就设置它为red，意思表示的是红颜色。

7、这样，文字的颜色就会由黑色变成红色了哦。

8、而font-size可以设置文字的大小，我设置成38px，表示38像素大小。

9、最后来看看，文字变得比原来大了很多。这样我们就实现了设置HTML文字的类型，颜色及大小的目的。

html中font标签本身就是一个设置字体属性的标签，那么它的具体属性有哪些呢?下面由我为大家整理了html中的font设置字体的相关知识，希望对大家有帮助!

html中font设置字体 总结

一、font标签语法与结构

<font color="#FF0000">www.divcss5.com 颜色</font>

Font color设置文本颜色为红色“#FF0000” ，你可能想了解css字体颜色：css color

<font size="6">www.divcss5.com 文字大小</font>

Font size设置文本文字大小尺寸为6 ，你可能想了解css字体大小：css font-size

<font face="微软雅黑">微软雅黑 字体</font>

Font face设置文本字体为“微软雅黑” ，你可能想了解css字体设置： css font-family

二、Font标签说明

常常我们在一个网页中直接使用font标签进行对文本设置文本字体、文本文字大小、文本颜色等样式。

三、Font应用案例html代码

<font color="#FF0000">www.divcss5.com 设置文本颜色</font><br />

<font size="6">www.divcss5.com 设置文本字体大小</font><br />

<font face="微软雅黑">微软雅黑字体 设置了文本字体</font>

补充：css5对于font直接设置网页文本样式标签总结

1)、使用font size设置文字大小

2)、使用html font标签face属性 设置文字字体

3)、使用html font color 设置文字颜色

1、首先新建一个html文件，命名为test.html，在test.html文件内,使用p标签创建一段文字，并且设置p标签的id属性为txt，主要用于下面通过该id获得元素对象。

2、然后在p标签的下面，使用button标签创建一个按钮，名称为“改变字体大小”。

3、接着在test.html的js标签内，使用function声明一个函数cgsize()。

4、然后在cgsize()函数内，使用getElementById（）方法获得p元素对象，并设置style属性中的fontSize为25px，即字体的大小改变为25px。

5、最后在浏览器打开test.html文件，点击按钮，改变文字的大小。

---