排版是设计的骨架。同一个页面，只调字号和行高，观感能差一个档次。但中文排版比英文难：汉字是方块字，没有明显的字间节奏，行高不够就糊成一片，行高太大又散。
下面这套参数，是我在几个企业站项目里调出来的，可以直接用。
一、字号阶梯
不要用一堆随意的字号，定五到七级就够。
| 用途 | 桌面端 | 移动端 |
|---|---|---|
| 主标题 H1 | 36-44px | 26-30px |
| 副标题 H2 | 26-30px | 21-24px |
| 小标题 H3 | 19-21px | 17-18px |
| 正文 | 16-17px | 15-16px |
| 辅助文字 | 13-14px | 12-13px |
正文不要小于 15px。很多模板为了"显得精致"用 13px 正文，实际在手机上根本看不清。
二、行高
中文正文的行高建议 1.7-1.9。低于 1.6，行与行会粘连；高于 2.0，阅读时视线跳跃距离太长。
标题的行高可以紧一些，1.25-1.4。因为标题字大，行高太大反而散。
还有一个细节：行高用无单位数值（如 line-height: 1.8），不要用固定 px。这样字号变化时行高按比例跟着变，移动端不用重新调。
三、段落与留白
段落间距建议等于一个行高（约 1.8em），不要用空段落
内容区的最大宽度控制在 680-780px。超过这个宽度，一行字太多，眼睛回行容易串行。这也是为什么很多阅读类网站正文区只有 700px 宽。
四、字间距与字重
中文正文不需要额外字间距（letter-spacing: 0）。标题可以加 0.02em，显得舒展。全大写英文才需要明显字间距。
字重上，正文用 400，标题用 600-700。不要用 300 的细体做正文——在 Windows 上渲染会发虚。
五、中英混排的四个规则
- 中英文之间加一个空格，视觉上更透气："使用 WordPress 建站"而不是"使用WordPress建站"。
- 数字与中文之间同样加空格："约 30 天"。
- 英文用无衬线字体，和中文的黑体搭配更协调。
- 标点用全角中文标点，英文括号和引号在英文语境里用半角。
六、字体怎么选
中文字体文件大，不能像英文那样随便引入。实际方案：
- 正文：用系统字体栈（PingFang SC、Microsoft YaHei），零加载成本。
- 标题：可以用一款有性格的字体（思源宋体、霞鹜文楷），但要子集化，只保留用到的字。
- 英文：Inter、Manrope 这类开源字体，体积小、字形现代。
别整站用一款网络字体。中文字体动辄几 MB，加载慢会直接影响 LCP。
七、五个常见错误
- 正文用纯黑 #000，对比过强，长文阅读容易疲劳。用 #1f2937 或 #334155。
- 行宽占满整个屏幕，没有最大宽度限制。
- 段落之间没有间距，靠缩进区分——那是印刷习惯。
- 标题用斜体。中文没有真正的斜体，浏览器是强行倾斜，很难看。
- 正文用两端对齐（justify）。中文两端对齐会造成字间距忽大忽小。
中文站的三个数字
正文 16 到 18px，行高 1.75 到 1.9，每行 35 到 45 个字。三个数字定下来，页面就不会难读。标题用字重和字号拉开层级，不要靠颜色堆。
段落之间留出比行距更大的空白，读者才能分清层次。中文没有词间空格，行高不够会显得特别挤。
标题和正文至少差两个层级，别用 18px 配 17px。链接颜色要和正文区分，但不要用高饱和的纯蓝，深蓝更耐看。
标题和正文至少差两个层级，别用 18px 配 17px；链接颜色要和正文区分。
常见问题
正文字号到底 16 还是 18
16px 是安全值，18px 更适合长文阅读。企业站资讯类内容建议 17px 起。
要不要用衬线字体
文化、出版类可以用，科技、制造类建议无衬线。混用要谨慎，一页最多两种字族。
移动端字号要不要单独调
要。移动端正文 15-16px，标题降 25%-30%，行高保持 1.75 左右。
排版和配色是一套。配色规则见网站配色体系。
