本文属于“前端设计基础”系列。建议结合字号阶梯、间距系统和视觉层次一起阅读。

字体决定的不只是页面气质，也决定用户能否快速阅读和理解信息。界面排版的核心不是“选一款漂亮字体”，而是建立稳定的阅读秩序。

先从使用场景选择字体

衬线字体具有明显的笔画装饰，常用于编辑、文化和高端品牌场景；无衬线字体更简洁，适合产品界面和高频阅读；等宽字体适合代码、数据和技术信息；展示字体个性强，只适合短标题。

中文界面还要检查中文字形、标点、数字和拉丁字符是否协调。只看英文示例选字体，很容易在真实中文内容中失效。

字体配对的三个原则

1. 有差异：标题和正文需要能被快速区分。
2. 有联系：两款字体的比例、结构或气质不能互相冲突。
3. 数量少：多数产品一到两个字体家族已经足够。

常见的安全组合包括“衬线标题 + 无衬线正文”和“同一字体家族的不同字重”。如果两款字体看起来只是略有不同，通常不如直接使用同一家族。

可读性来自细节

正文通常可以从 16px 左右起步，行高保持在字号的 1.5—1.75 倍。英文每行约 45—75 个字符通常更容易阅读；中文应结合字号与容器宽度实测。文字列过宽会让视线难以找到下一行，过窄则会频繁换行。

标题可以更紧凑，正文需要更舒展。小字号不要使用过细字重；大段文字也不要全部居中。字间距应谨慎调整，尤其不要给中文正文增加明显字距。

建立有限的文字角色

一个简单系统通常只需要：页面标题、章节标题、正文、辅助文字和标签。每个角色明确字号、字重、行高和颜色，避免每个页面临时创造新组合。

排版的最终标准不是字体有多特别，而是用户能否毫不费力地看出标题、正文、补充信息和操作入口之间的关系。

更多风格化排版参考，可以访问 StyleKit。