跳到主要内容
前端术语库

字重

Font Weight

样式与 CSS也叫:font-weight、字体粗细、加粗

一句话:文字笔画的粗细程度,用 100 到 900 的数值表示,400 是常规,700 是粗体,用来区分信息主次。

详细解释

font-weight 控制文字粗细:100 最细,400 是常规(normal),500 中等,600 半粗,700 粗体(bold),900 最粗。常用的只有三四档:正文 400,强调和小标题 500 或 600,大标题 600 或 700。

字重是建立视觉层级的有效手段,比加大字号更含蓄:表头、金额、卡片标题加粗一点,用户扫一眼就能找到重点。但到处加粗等于什么都没强调。

注意字体本身要有对应的字重,浏览器才显示得出来。比如 Windows 上的微软雅黑没有 500、600 这两档,写了可能和 400 或 700 看起来一样。使用网络字体时,只加载实际用到的几档,减少下载体积。

示例

灰度线框示意,只表达结构,不代表具体视觉风格。

怎么跟 AI 说

可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。

请用字重区分信息主次:页面标题 600,卡片标题 500,正文 400,价格数字 700;表格表头用 500 并把颜色调浅一点;除这四档外不要用其他字重,也不要把整段文字加粗来强调。