字体搭配公式：让两款字体协同工作的 5 条规则

一套实用的字体搭配（font pairing）公式是：分配角色、加入受控的对比、建立层级、用真实文案在阅读字号下测试。它把“这两款字体感觉不错”变成一串可以在网站、演示文稿、海报或社交图片上反复执行的决策。目标不是找到两款长得像的字体，而是让两款字体各司其职、互不竞争。

字体搭配公式一览

使用这个五步公式：

这些原则与更宽泛的字体搭配规则有所重叠，但公式给了你一个顺序：先确定角色，再只做支持该角色的对比。

想检验自己的直觉已经有多敏锐？这份免费字体排印测验包含 12 道关于搭配、层级和字体结构的真实判断题，并即时给出反馈。

规则 1：给每款字体一个明确职责

大多数出色的搭配只用两款字体：一款负责展示（display），一款负责持续阅读。

展示字体提供个性。它可以是窄体（condensed）、高笔画对比、几何风格、宽体或装饰性的。把它用于大标题、标签、引文摘录或大号数字。正文字体则要“消失”在阅读体验里：它的字形在段落、按钮、导航和说明文字中都应保持清晰。

一个简单的起点：

• 标题：一款有辨识度的衬线体（serif）、窄体无衬线体（sans serif）或展示字体
• 正文：一款中性的无衬线体或适合正文的易读衬线体

例如，富有戏剧性的衬线体 Fraunces 可以领衔，由 Inter 处理正文；Oswald 可以承担紧凑、海报感的大标题，而 Source Sans 3 让辅助文字保持平静。

避免让两款字体承担同一职责。两款表现力强的展示字体通常只会制造噪音；两款中性无衬线体也可以搭配，但前提是字号、字重或字宽让它们的角色一目了然。

规则 2：在一到两个可见维度上制造对比

对比是一对组合存在的理由。最清晰的维度包括：

• 类别：衬线体配无衬线体
• 字宽：窄体配常规或宽体
• 笔画表现：高笔画对比配均匀笔画
• 几何感：几何风格（geometric）配人文风格（humanist）
• 字重：粗体标题配常规正文

你很少需要全部用上。事实上，把差异堆在一起会让组合显得夸张做作，而不是有意为之。

试试这个测试：微微眯起眼睛，或后退一步看屏幕。还能分清哪段是标题、哪段是阅读层吗？如果不能，就通过字号、字重、字宽或字体类别加大对比。

衬线标题加干净的无衬线正文之所以可靠，是因为差异一目了然。同类别搭配则需要更充分的理由：例如宽几何无衬线体做标题、较窄的人文无衬线体做正文，就能靠比例和纹理把二者区分开。

规则 3：让气质保持兼容

对比有用，矛盾无益。当两款字体支撑同一种编辑声音时，搭配效果最好。

精致书卷气的衬线体通常适合克制的无衬线体；张扬的窄体展示字体适合务实、不抢戏的无衬线体；活泼的圆润标题字体可以配亲切的人文无衬线体。

定稿之前，用两三个朴素的形容词描述想要的气质。“编辑感且安静”“技术感且直接”“温暖且随和”都比“现代”更有用。然后对照这份简短的定位评估每个候选字体。

想走时尚编辑路线，Cormorant Garamond 配简洁无衬线体是自然的起点；想要有冲击力的宣传视觉，可以看这些 Bebas Neue 搭配示例：展示字体负责能量，搭档字体必须守住清晰度。

规则 4：用字号、字重和间距建立层级

字体搭配救不了薄弱的层级（hierarchy）。一个页面可以只用一个字体家族依然易于扫读，也可以用两个漂亮的家族依然让人困惑。

在加入第二款字体之前，先把层级立起来：

1. 让主标题明显最大。
2. 给副标题一个可见但更小的落差。
3. 正文保持舒适的阅读字号和常规字重。
4. 节制地用字重或颜色做强调。
5. 调整行高（line height），让段落有呼吸感。

假设你的标题是 48 像素的粗体展示字体，16 像素的高度窄体正文在技术上放得下，但读起来多半很累。先把正文换成更开阔的字体，而不是试图用更紧的间距去补救。

字距（letter spacing / tracking）同样重要。全大写的展示标题往往需要略微加大字距；普通段落文字通常不需要。把间距当作字体声音的一部分，而不是一种通用修正。

规则 5：用真实内容校验搭配

字样册能让几乎任何字体都显得好看。你的设计需要经得起人名、数字、长句、标点、导航标签和小屏幕版式的考验。

发布前跑一遍这份校验清单：

• 写一条至少六个词的真实标题。
• 加一段含标点、括号、数字和撇号的文字。
• 测试一个按钮标签、一个导航项和一条小号说明文字。
• 在预期最小的屏幕尺寸下查看版式。
• 如果内容会用到粗体和斜体，逐一检查。
• 确认链接不依赖字体变化也能被识别。

如果正文字体在小字号下变得拥挤、模糊或过密，就换掉它；如果标题字体在文字变长后失去个性，就缩小字号或换一款不那么极端的展示字体。

这一点对界面尤其重要。网站字体搭配中的考量提醒我们：导航、表单和长文阅读对字体的要求，与海报完全不同。

10 分钟字体搭配工作表

需要快速做决定时，按这个流程走。

1. 写下角色

填空：

• 项目气质：__________
• 标题职责：吸引注意、权威、温暖、精确或俏皮
• 正文职责：持续阅读、实用信息或紧凑排布
• 主要环境：网站、幻灯片、印刷品或社交图片

2. 先选正文字体

这可能感觉本末倒置，但它保护的是可读性。把你的真实段落放进候选字体里。如果难读，现在就淘汰。

3. 加入一个标题候选

选择一款在类别、字宽或笔画表现上明显不同的字体。先不要加第三款字体。

4. 给这对组合打分

每个问题回答是或否：

• 我能一眼认出标题吗？
• 连续读几行后，段落仍然舒适吗？
• 这两款字体听起来像同一个品牌或出版物吗？
• 这对组合放进按钮和说明文字里仍然成立吗？
• 转成灰度后，区分依然清晰吗？

四到五个“是”通常意味着组合可用；少于四个，就去诊断失败环节：角色、对比、气质、层级还是阅读舒适度。

三个可以立即使用的公式

编辑感公式

Cormorant Garamond 做标题 + 中性无衬线体做正文

当你想要文学感或高级感、又不想让段落显得陈旧时使用。让衬线标题保持大字号，给无衬线正文充足的行高。

直接有力公式

Anton 或 Bebas Neue 做标题 + 人文风格无衬线体做正文

适用于高冲击力标题、运动风视觉、活动宣传或态度鲜明的落地页。正文字体应当足够平实，以平衡展示字体。

干净产品公式

Montserrat 做标题 + 易读的无衬线正文字体

当你需要精致、有结构的感觉时使用。通过常规字重和较长的行宽给正文字体一个独立角色；避免让两个家族同样粗壮。

如果想要更多组合来对照这些模式，这些字体搭配示例会解释每一对为什么成立，而不是把字体选择当成一份名字清单。

常见问题

最简单的字体搭配公式是什么？

先选一款易读的正文字体，再加一款在风格或字宽上明显不同、但气质一致的标题字体。用真实文字在预期字号下测试两者。

我应该搭配几款字体？

从两款开始。一款展示字体加一款正文字体能解决大多数项目。只有当现有家族的字号、字重或样式无法胜任某个具体职责时，才加入第三个家族。

可以搭配两款无衬线字体吗？

可以。通过字宽、几何感或用途制造可见对比。例如，窄体标题无衬线体可以和开阔的人文正文无衬线体搭配得很好。两款几乎一样的无衬线体难以区分，往往没有价值。

标题和正文必须用不同字体吗？

不必。一个字重、字宽足够丰富的家族也能建立出色的层级。当项目需要更强的个性或纹理变化时才搭配字体，而不是因为“必须用两款”。

怎么判断一对字体搭配是否易读？

测试段落、标签、标点和小屏幕。连续阅读正文超过一句话。如果你注意到的是字形而不是内容，说明正文字体或它的设置需要调整。

结语

字体搭配公式不是寻找完美预设的捷径。给每款字体一个角色，让对比有意为之，保持气质兼容，建立层级，再用真实内容校验结果。这个过程产出的选择，你能解释、能修订、能复用。

当一对组合通过了工作表，就去实测你的眼力：这份交互式字体排印测验包含 12 道真实的字体排印判断题，并即时打分反馈。