HTML中改文字大小必须用CSS的font-size，禁用已废弃的<font size>标签；推荐使用rem（根元素基准）、em（父元素基准）、px（固定像素）等单位，并注意viewport设置与html字体基准统一。
HTML 里改文字大小，别再用 <font size> 了
这个标签在 HTML5 中已被完全废弃，浏览器可能渲染但属于非法标记，W3C 不再支持，校验会报错。实际项目中用了它，不仅影响可访问性（比如屏幕阅读器无法识别语义），还会让 CSS 覆盖逻辑混乱——<font> 的优先级低、行为不可控，且不响应视口缩放。
CSS 的 font-size 是唯一可靠方式
所有现代 HTML（含 HTML4 末期和全部 HTML5）都依赖 CSS 控制文字大小。关键不是“HTML 怎么写”，而是“CSS 怎么配”。常见单位和选择逻辑如下：
-
px：绝对像素，适合固定尺寸场景（如图标旁文字），但不利于用户缩放和无障碍 -
em：相对父元素font-size，嵌套深时容易放大/缩小失控 -
rem：相对根元素（html）的font-size，推荐用于响应式排版 -
%：同em，也是相对父级，语义稍弱 -
vw/vh：适合全屏标题类动态缩放，但小屏下易过小，需配合min-font-size
示例：
html { font-size: 16px; }
h1 { font-size: 2rem; } /* = 32px */
p { font-size: 0.875rem; } /* = 14px */
HTML4 和 HTML5 在文字大小上其实没语法差异
所谓“差异”是个误解。HTML4 时期虽允许 <font size="3">，但它从来就不是标准推荐用法（早在 1997 年 W3C 就建议用 CSS 替代），只是浏览器兼容性好；HTML5 则直接移除该标签定义。真正变化的是规范态度：HTML4 是“不鼓励”，HTML5 是“不承认”。所以如果你还在写 <font>，问题不在“版本不兼容”，而在“从一开始就不该用”。
容易被忽略的兼容性细节
某些旧系统（如部分银行内网 IE8 环境）仍依赖 <font>，但这不该成为新项目妥协理由。真实痛点反而是：
立即学习“前端免费学习笔记（深入）”；
- 未设
html { font-size: 100%; }导致 rem 计算基准漂移（尤其在 Chrome 某些 zoom 级别下） - 用
em写按钮文字，而按钮又套在section里，结果section设了font-size: 1.2em，导致按钮文字意外放大 - 移动端未加
<meta name="viewport" content="width=device-width, initial-scale=1">，px尺寸在 iOS 上被强制缩放，显示异常
rem 基准一旦设错，整站字体比例就全乱，而且不容易一眼看出是哪一层的问题。
