字体简写属性
最后更新：2026-09-13
font 字体简写属性
font 是字体的简写属性，可以一次性设置字体样式、字重、字号、行高和字体族。使用简写能减少代码量，但需注意属性顺序和必填项。
| 分类 | |
|---|---|
| 初始值 | normal normal normal 1em/normal system-ui |
| 继承 | 是 |
| 适用于 | all |
| 可动画 | font-weight |
| CSS 版本 | CSS1 |
| 状态 | 标准 |
📝 语法
font: [ <font-style> || <font-variant> || <font-weight> || <font-stretch> ]? <font-size> [ / <line-height> ]? <font-family>;⚙️ 取值
| 值 | 类型 | 描述 |
|---|---|---|
<font-style> || <font-variant> || <font-weight> || <font-size> / <line-height> || <font-family> | 值 | 字体简写属性 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| font | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
重要： font-size 和 font-family 是必填项，缺一则整条声明无效。
提示： 简写会重置未写的子属性为初始值，建议把 font 写在字体相关属性的最前面。
❓ 常见问题
Qfont 简写和分别写子属性哪个好？
A一次性设置字体样式、粗细、字号、行高和字体族时用简写最简洁；但简写会把未写明的子属性重置为初始值，所以只改单个属性（如只把字重改成 bold）时应直接写 font-weight，避免误重置其他设置。
Qfont 的顺序必须固定吗？
Afont-style、font-variant、font-weight、font-stretch 的顺序可以互换，且必须写在 font-size 之前；line-height 紧跟 font-size，用斜杠连接（如 16px/1.5）；font-family 必须写在最后。font-size 和 font-family 是必填项，缺一个整条声明就无效。
Qfont: italic bold 20px/1.5 "微软雅黑", sans-serif 是什么意思？
A表示 font-style 为 italic（斜体）、font-weight 为 bold（粗体）、字号 20px、行高 1.5、字体族优先用微软雅黑，系统缺失时回退到通用 sans-serif。省略的子属性（如 font-variant）会被重置为 normal。
🏷️ 相关属性
💡 相关案例
📚 相关教程
