在HTML网页设计中，设置字体大小是基本操作之一，合理地设置字体大小，可以使网页内容更加清晰易读，提升用户体验，本文将详细介绍如何在HTML中设置字体大小，包括使用CSS样式表、内联样式、HTML标签等方法。
使用CSS样式表设置字体大小
CSS（Cascading Style Sheets，层叠样式表）是一种用来表现HTML或XML文档的计算机语言，使用CSS样式表设置字体大小，可以实现对整个网站字体大小的统一管理。
1、外部样式表
将CSS代码保存在一个单独的文件中，然后在HTML文档的头部引入该文件。
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>这是一段文字。</p>
</body>
</html>
/* style.css */
p {
font-size: 16px;
}在上述例子中，我们将字体大小设置为16px，作用于所有的 2、内部样式表 将CSS代码写在HTML文档的 3、内联样式 直接在HTML标签中使用 在HTML中，有一些标签可以设置字体大小，但这些方法不建议使用，因为它们不符合网页标准，可能会影响页面布局。 1、 在HTML4中，可以使用 2、 标题标签 在设置字体大小时，可以使用以下单位： 1、px（像素）：最常用的单位，表示绝对大小。 2、em：相对于父元素的字体大小，1em等于当前字体大小。 3、rem：相对于根元素（ 4、%：相对于父元素的字体大小百分比。 以下是一个使用不同单位的例子： 在移动设备越来越普及的今天，响应式设计变得尤为重要，通过媒体查询（Media Queries），可以为不同设备设置合适的字体大小。 在上面的例子中，当屏幕宽度小于600px时，字体大小会变为14px。 通过以上介绍，相信您已经掌握了在HTML网页中设置字体大小的方法，在实际开发过程中，建议使用CSS样式表进行设置，以便更好地管理和维护网站样式，注意使用合适的字体大小单位，以实现更好的响应式设计。<p><style>标签中，只对当前页面有效。
<!DOCTYPE html>
<html>
<head>
<style>
p {
font-size: 16px;
}
</style>
</head>
<body>
<p>这是一段文字。</p>
</body>
</html>style属性设置字体大小，优先级最高。
<!DOCTYPE html>
<html>
<body>
<p style="font-size: 16px;">这是一段文字。</p>
</body>
</html>使用HTML标签设置字体大小
<font><font>标签的size属性设置字体大小，但需要注意的是，HTML5已废弃此标签。
<!DOCTYPE html>
<html>
<body>
<font size="3">这是一段文字。</font>
</body>
</html><h1>至<h6><h1>至<h6>分别表示不同级别的标题，字体大小依次减小，默认情况下，浏览器会按照一定比例显示这些标题的字体大小。
<!DOCTYPE html>
<html>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<!-- 更多标题 -->
</body>
</html>字体大小单位
<html>）的字体大小，1rem等于根元素的字体大小。
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-size: 16px;
}
.p1 {
font-size: 1em; /* 相当于16px */
}
.p2 {
font-size: 1rem; /* 相当于16px */
}
.p3 {
font-size: 125%; /* 相当于20px */
}
</style>
</head>
<body>
<p class="p1">这是一段文字。</p>
<p class="p2">这是一段文字。</p>
<p class="p3">这是一段文字。</p>
</body>
</html>响应式设计
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-size: 16px;
}
@media (max-width: 600px) {
body {
font-size: 14px;
}
}
</style>
</head>
<body>
<p>这是一段文字。</p>
</body>
</html>