font简写必须包含font-size和font-family，缺一则整个声明被忽略；顺序固定为font: [style] [variant] [weight] [size]/[height] [family]；省略项将重置为初始值而非继承。
font 简写属性必须包含
和
缺一不可，否则整个
声明会被
浏览器
忽略。这是最容易踩的坑——很多人只写
，漏了字体族，结果样式完全不生效。
实际书写时，顺序不能乱，标准语法是：
和
是强制项，其他都可省略
必须带单位（如
、
），不能是纯数字
和
之间用
连接，且中间不能有空格（
✅，
❌）
若含空格（如
），必须加引号
省略值会重置为初始值，不是“保持原样”
是简写，不是叠加。只要用了它，所有未显式声明的子属性都会回退到浏览器默认值，而不是继承父元素或保留之前设置。
比如你之前设过
，然后在子元素里写
，那
就变成
，不是维持
。
立即学习
“
前端免费学习笔记（深入）
”；
Comet AI 浏览器
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载
默认为
默认为
默认为
默认为
（不是
，也不是继承值）
常见错误：混淆
和
的单位与缩放逻辑
当使用相对单位（如
、
）时，
简写中的
仍按常规继承规则计算，但
的行为容易被误判：
写成无单位数值（如
）时，是相对于当前元素的
计算的，可继承
写成带单位（如
）时，是绝对值，不再随
缩放
所以
比
更健壮
现代项目中更推荐分开写，而非依赖
简写
除非在 CSS Reset 或极简工具类中批量覆盖，否则日常开发中拆开写
、
等更安全、可维护性更高。
避免意外重置
或
支持 CSS 自定义属性（
）更直接，
简写无法部分变量化
调试时更容易定位哪个子属性出了问题，而不是反复检查简写顺序和缺省逻辑
真正需要简写的场景其实很少，多数时候你以为在“简化”，实际是在埋一个隐性重置陷阱。
font-sizefont-familyfontfont: bold 14px;font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family];font-sizefont-familyfont-size16px1.2emfont-sizeline-height/16px/1.516px / 1.5font-family"Helvetica Neue"fontfont-style: italic;font: normal 18px sans-serif;font-stylenormalitalicfont-stylenormalfont-variantnormalfont-weightnormalline-heightnormal1fontfont-sizeemremfontfont-sizeline-heightline-height1.5font-sizeline-height24pxfont-sizefont: 1.2rem/1.4 "Segoe UI", sans-serif;font: 1.2rem/20px "Segoe UI", sans-serif;fontfont-sizefont-weightfont-styleline-height--font-sizefont