font-size 是控制 HTML 文字大小的唯一可靠方式，HTML5 已废弃 <font size="n">；常用单位为 px（绝对像素）、em（相对父元素）、rem（相对根元素）；需显式设置 html { font-size: 16px; } 锁定基准，并确保 font-family 支持中文且选择器优先级足够。
font-size 是控制 HTML 文字大小的唯一可靠方式，<font size="n"> 标签在 HTML5 中已被废弃，浏览器可能不渲染或行为不一致，别用。
直接写 font-size 的三种常用单位
实际项目里最常用的是 px、em 和 rem，它们行为差异明显：
-
px：绝对像素值，写font-size: 16px就是固定 16 像素，缩放网页时不会变，适合需要精确控制的场景 -
em：相对于父元素字体大小，比如父元素是20px，子元素写font-size: 1.2em就是24px；嵌套深了容易失控 -
rem：始终相对于根元素（<html>）的font-size，更可控，响应式布局首选
必须给 <body> 或 <html> 设基础值
不设的话，浏览器用默认字体大小（通常是 16px），但不同浏览器/系统可能有偏差，导致 rem 计算错乱或 em 基准漂移：
- 推荐在 CSS 开头加：
html { font-size: 16px; }（显式锁定基准） - 或者更灵活地用媒体查询适配：
@media (max-width: 768px) { html { font-size: 14px; } } - 别只写
body { font-size: 16px; }—— 这对rem没用，因为rem只认<html>
常见错误：中文网页里 font-size 不生效
不是代码写错了，大概率是以下两个原因：
立即学习“前端免费学习笔记（深入）”；
- 字体族（
font-family）没指定中文字体，比如只写了font-family: Arial，而 Arial 不支持中文，浏览器 fallback 到系统默认字体，其默认大小可能覆盖你的font-size - CSS 选择器优先级不够，被其他样式（比如框架自带的、浏览器默认样式表）覆盖了，用浏览器开发者工具检查 computed 样式，看
font-size是否被 strike-through - 内联样式写成
<p style="font-size=14px">—— 少了个冒号，正确是style="font-size: 14px"
真正要让字体大小稳定生效，核心就三件事：用 font-size、锁死根字号、确认字体族能显示中文。其他花哨写法，先别碰。
