html怎么设置字体大小和颜色

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

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

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

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

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

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

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

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

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

方法一：

可以使用vw或vh这样的“相对”字体大小单位。vw代表文字相对于viewport的宽度，vh则代表相应的高度。在vw的体系中，默认将整个viewport的宽度设置为100vw，以此相对换算文字的大小。

如图：

除vw、vh外，还有vmin和vmax两种相对字号单位，其作用是自动选择相对于viewport宽高而言最小或最大的值，以此作为字体的大小。

方法二：

face 字体名称列表 定义font元素中文本的字体。 字体名称列表中的字体不存在就显示默认字体。

示例：

<font face="幼园">font元素中文本</font>

<font face="宋体">font元素中文本</font>

<font face="黑体">font元素中文本</font>

---