Helvetica 最稳妥的搭配思路，是给它找一个明显不同的搭档：通常是有个性的衬线体（serif）、带技术感纹理的等宽字体（monospace），或者轮廓鲜明的展示字体（display）。除非宽度、字重或用途上的差别一眼就能看出来，否则别让 Helvetica 和另一款中性的无衬线体（sans-serif）配在一起。下面给出 12 种组合，外加几个快速测试，帮你判断自己的搭配到底行不行。
先说结论：给 Helvetica 安排一个明确的角色
Helvetica 最擅长干不抢戏的活儿：导航、图注、短正文、产品参数，或者风格克制的标题。表现力就交给第二款字体。
如果读者一眼就能分清哪个是标题字体、哪个是正文字体，而两者都不打断阅读，这组搭配通常就成立了。反过来，如果两款字体乍看几乎一样，或者同一行里两款字体都在抢眼球，多半就是配砸了。
如果你想要一套更通用的方法来评估字体组合，可以把这篇字体搭配公式和下面的例子对照着看。
适合搭配 Helvetica 的 12 款字体
| 搭配 | Helvetica 负责什么 | 最适合的场景 | 为什么好用 |
|---|---|---|---|
| Helvetica + Garamond | UI 标签、正文、图注 | 出版编辑类品牌、作品集 | Garamond 带书法笔意的衬线，能中和 Helvetica 生硬的中性感。 |
| Helvetica + Georgia | 导航、卡片、辅助文案 | 内容为主的网站 | Georgia 的衬线结实，对比明显，字号不大时依然好读。 |
| Helvetica + Source Serif 4 | 界面文字和元数据 | 产品网站、报告 | 衬线增加了阅读质感，又不会让页面显得花哨。 |
| Helvetica + Playfair Display | 正文、按钮、小标题 | 美妆、时尚、活动视觉 | Playfair 笔画粗细反差大，做展示字体干脆利落。 |
| Helvetica + Bodoni Moda | 实用信息和细节 | 海报、奢侈品广告 | 锐利的展示型衬线体，和 Helvetica 形成有意为之的现代与古典张力。 |
| Helvetica + Cormorant Garamond | 日期、地点、行动号召 | 邀请函、偏艺术风格的社交配图 | Cormorant 字形戏剧感强，负责营造氛围，Helvetica 负责让细节清楚易读。 |
| Helvetica + IBM Plex Mono | 界面文案和说明文字 | 科技产品、数据图表 | 等宽字体自带系统感和代码感，又不用让每一行都显得很技术。 |
| Helvetica + Space Mono | 辅助文字、紧凑标签 | 实验风海报、新品发布帖 | 等宽字体的固定节奏，让文字纹理出现明显变化。 |
| Helvetica + Futura | 正文和次要信息 | 建筑、零售、海报 | Futura 的几何结构，和 Helvetica 更中性的怪诞体（grotesque）气质形成对比。 |
| Helvetica + DIN Condensed | 图注、正文、法律条款 | 体育、音乐、导视类海报 | 窄体搭档改变了页面的纵向节奏，层级一下就拉开了。 |
| Helvetica + Cooper Black | 细节、价格和功能性文字 | 活泼的包装、社交配图 | Cooper Black 带来温暖和分量感，Helvetica 则让设计不至于太甜腻。 |
| Helvetica + DM Serif Display | 导航和较小的编辑类文字 | 个人品牌、落地页 | 这款展示型衬线体本身就是很强的视觉焦点，不需要很长的标题来撑场面。 |
这些搭配只是起点，不是照抄就行的配方。字体文件、字重、光学尺寸、间距和全大写设置，都可能改变最终效果。一定要用你真正打算发布的字体来测试，别拿长得差不多的替代字体凑合。
按设计场景选搭配
品牌标识：Helvetica + Garamond 或 Cormorant Garamond
如果品牌需要沉稳、有权威感，比如出版社、咨询顾问、画廊或高端服务，就选 Garamond。把衬线体用在文字标志（wordmark）或主标题上，Helvetica 负责标语、联系方式和服务分类。
如果品牌需要更多氛围感，就选 Cormorant Garamond。Helvetica 只用在小字号的朴素文字上；装饰性衬线体和表现力强的无衬线标题如果都放得很大，就会互相抢戏。
有个好用的测试：在同一张画板上放 logo、两行品牌宣言和三个导航标签。如果视觉效果全靠衬线体撑起来，而 Helvetica 让信息一扫就懂，说明分工已经清楚了。
海报：Helvetica + Bodoni Moda、DIN Condensed 或 Futura
海报要先有层级，再谈个性。先从三块内容入手：一条大号主信息、一行日期或地点、一块实用信息。
- 想让主信息显得锋利、有时尚感，用 Bodoni Moda。
- 想要又高又有紧迫感的标题，再配上紧凑的活动信息，用 DIN Condensed。
- 想要图形感强的结构、又不想走衬线风格，用 Futura。
别把 Bodoni 标题和 Helvetica 副标题设成几乎一样的字号和字重，那样两者在视觉上会打成平手。应该让其中一个角色明显占主导：比如 Bodoni 大字写活动名称，Helvetica 小字写日期、场地和购票信息。
网站：Helvetica + Georgia 或 Source Serif 4
做网站，可读性比新鲜感更重要。让 Helvetica 负责导航、按钮、表单标签和功能性文案，衬线体负责文章正文或较长的产品说明，这时 Georgia 和 Source Serif 4 都是不错的选择。
测试时要用接近真实的页面，别只看两个单词的样张。放一个标题、一段五行左右的正文、一个按钮、一个卡片标题和一行小图注，然后检查下面几个问题：
- 还没读内容，你能先找到标题吗？
- 连读几行之后，正文看着还舒服吗？
- 按钮看起来像可以点的操作，而不是缩小版的标题吗？
- 图注够低调，又没有低调到看不见吗？
想看更多网页专用的组合，可以参考网站字体搭配。
社交配图：Helvetica + Playfair Display、Cooper Black 或 Space Mono
社交媒体帖子往往只有几秒钟来传达信息，所以角色差异要刻意放大。Playfair Display 适合精致的公告；Cooper Black 适合亲切的优惠信息或俏皮的图文卡片；Space Mono 能带来技术感或实验感。
事实信息交给 Helvetica：日期、账号名、产品名、图片页码或行动号召。展示字体一般只说一件事，别一口气说三件。如果帖子需要一整段文字，就把这段挪到配文里，或者放到轮播图的后几页。
四个测试，让搭配决策少一点主观
1. 眯眼测试
把设计缩小，或者离屏幕远一点看。你应该仍然能看出标题、辅助信息和细节这三层层级。如果每一行都糊成一块灰色，先调字号、字重或间距，再考虑换字体。
2. 角色互换测试
临时把两款字体的分工对调。如果设计看起来几乎没变化，说明这组搭配对比不够。如果对调后明显没那么清楚了，说明你原来的分工确实在起作用。
比如，Helvetica 做正文、Playfair Display 做标题，通常比 Playfair 做正文、Helvetica 做标题更好排。关键不在于哪款字体更好，而在于两者的分工不一样。
3. 同字号测试
把两款字体设成同样的字号、差不多的字重，看看它们在宽度、笔画粗细对比、笔画末端或节奏上，有没有看得出的区别。
如果 Helvetica 和搭档混成一片毫无特点的无衬线纹理，就别把它们用作上下相邻的标题和副标题。不过，如果一款只用在很小的元数据上，另一款用在大号展示文字上，还是可能行得通。
4. 真实文案测试
把占位文字换成可能出现的最长标题、一个短标签、人名、数字、标点，再加一个不好排的单词。字体搭配常常不是栽在精心挑选的示例短语上，而是栽在 & 符号、数字、窄栏或全大写标签上。
Helvetica 搭配的常见错误
第一个错误，是选了一款只是“稍微有点不同”的无衬线体做第二字体。在大型设计系统里，Helvetica 搭配另一款中性的怪诞体可以很出色，但必须有看得见的区别，比如用窄体、字号差距拉得很大，或者分别承担不同的界面角色。否则看起来就像不小心用错了字体。
第二个错误，是把表现力强的字体用得到处都是。展示型衬线体可以撑起标题，但很少需要同时出现在导航、按钮标签、正文段落和图注里。反复出现的信息交给 Helvetica 就好。
第三个错误，是把选字体当成控制层级的唯一手段。字号、字重、大小写、行长和间距，既能救活一组差异微妙的搭配，也能毁掉一组本来很出彩的搭配。在某个字号下很好看的组合，响应式布局稍微一变，就可能让人看不明白。
常见问题
Helvetica 配什么衬线体最好？
Garamond 是通用性很强的选择，适合出版编辑类或精致的品牌设计。做内容为主的网页，Georgia 是更稳妥的起点；Playfair Display 和 Bodoni Moda 则能让标题对比更有戏剧性。
Helvetica 可以和其他无衬线体搭配吗？
可以，但差异必须是有意为之的。Futura、DIN Condensed 和 Space Mono 比另一款中性无衬线体更合适，因为它们在结构、宽度或节奏上和 Helvetica 明显不同。
Helvetica 应该用作标题字体还是正文字体？
如果搭档字体表现力很强，就让 Helvetica 负责正文、导航和辅助信息。如果搭配的是比较安静的衬线体，比如 Garamond 或 Source Serif 4，Helvetica 也可以挑大梁做标题。同一时间只让一款字体承担更显眼的视觉角色。
用 Helvetica 时应该搭配几款字体？
先从两款开始。只有当第三款字体有明确、必要的小用途时才加，比如用等宽字体显示代码或数据。字体越多，层级并不会自动越清楚。
最后一条判断标准
去掉颜色、图片和装饰之后，仍然能把信息传达清楚的搭配，才是你该选的。如果标题一眼可见，正文依然好读，两款字体又各有分工，这组 Helvetica 搭配就算合格了。