怎样建立适合网页的字体与排版？

用文字角色、大小、行距和宽度，让网页内容容易读懂和浏览。

网页排版是安排文字的外观与位置，让读者看清内容，也能快速找到重点。同一句话即使没有改字，排版不同，阅读难度也可能不同。

先记住这几件事

• 字体 是文字的造型； 字重 是笔画的粗细； 行高 是两行文字之间的高度安排。
• 文字层级 指标题、正文、说明等不同角色。先确定角色，再选大小和字重。
• 正文要留出合适的行距和阅读宽度，并用实际内容检查。字号没有适用于所有字体和语言的唯一答案。
• 中文、英文、数字和缺失字符都要检查；字体加载失败时也要能读。

角色与样式的关系见 Spectrum 排版系统 。RISD（罗德岛设计学院）的 视觉沟通基础讲义 也用标题、段落、大小和间距说明排版如何帮助理解。延伸教材可看 MICA（马里兰艺术学院）教师 Ellen Lupton 的 《Thinking with Type》介绍 。

定义文字样式的流程

文字角色的示意

下面是角色变化，不规定具体字号。

用一个例子走一遍

团队把“邀请成员”页的标题、说明和表单标签分成三种角色。先用中文长句和英文邮箱测试，再缩窄浏览器、放大文字。说明挤成太多行时，调整阅读宽度和布局，而不是直接把字缩小。

边界与常见误解

文字更大不一定更清楚；所有内容都加粗也会失去主次。设计稿看起来合适，不等于浏览器里的字体加载、换行和缩放已经通过检查。标题还需要正确的网页结构，不能只靠视觉大小表示层级。