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>

tml字体大小设置方法，在HTML中字体如何设置字体大小，文字大小布局设置篇

DIVCSS5通过两种方法让大家掌握html中字体大小改变设置。

1、html font标签设字体大小

2、html css设字体大小

接下来通过html案例介绍字体大小设置教程。

一、html font标签设置字体大小   -   TOP

在css之前html中文字设置字体，通常直接对文字使用font标签设置字体大小样式。

1、html文字大小font语法结构

解释：直接使用font标签内设置size设置字体大小，需要注意不能带单位，一般2相当于12px，3相当于14px大小以此类推。

2、html font字体大小案例html

3、案例截图

二、html css样式设置字体大小   -   TOP

1、css字体大小单词：

Font-size

2、语法结构

设置div内文字字体大小为20px

需要注意的css使用font-size设置字体大小值需要带单位，比如px（像素）、EM（相对长度大小单位），一般使用px像素为单位（了解html单位）。

3、DIVCSS5案例

通过css设置一个DIV盒子里文字大小为14px,同时设置div盒子里其中几个字字体大小为20px。

完整HTML CSS字体大小实例代码如下：

案例效果截图

4、以上div css案例通过对对象里文字设置14px大小，同时又对其中文字设置不同字体大小，根据以上案例灵活应用css font-size使用。

当然除了外部CSS设置html中字体大小，同时还可以直接对html标签里设置style属性设置字体大小。

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文件，点击按钮，改变文字的大小。

---