Garamond 最适合搭配沉静、略带几何感的无衬线体——Futura、Lato、Gill Sans、Open Sans、Montserrat 或 Source Sans 3。但在挑搭档之前,先确认你手上到底是哪个 Garamond。这个名字覆盖了至少四款常见字体,它们在样张里看着像,在版式里表现却差很多,同一组搭配可能衬托其中一款、却暴露另一款的短板。
先搞清楚:你手上是哪个 Garamond?
「Garamond」指的是源自 Claude Garamont 十六世纪字冲的一种风格,不是某个具体文件。最常遇到的四款:
EB Garamond
免费,Google Fonts 上有,是原作最接近的、可广泛获取的复刻。中等对比、x 高度小,是真正的老style。看起来学院气、略带古意。多数人在网上说「Garamond」时指的就是它。
Adobe Garamond Pro
商业字体,随 Creative Cloud 提供——它就收在我们的 Adobe Fonts 搭配对照表里,与 Source Sans 3 成组。比 EB 更干净均匀,x 高度略大,微调(hinting)更好。如果你的 Garamond 看起来利落现代而非古旧,多半是它。
ITC Garamond
1970 年代的诠释版——x 高度大得多、间距更紧、比例明显不同。它做过苹果多年的企业字体。读起来亲切、商业感强,不古典。别把针对 ITC Garamond 的建议当成对 EB Garamond 也成立。
Cormorant Garamond
免费,Google Fonts 和 Canva 都有。对比度远高于上述任何一款,细笔画细得多——是展示字体而非正文字体。在 EB Garamond 仍然舒适的正文字号下,它会崩。它有自己的一套搭配逻辑,见Cormorant Garamond 字体搭配。
快速判别:用 16 px 排一段。读着舒服,说明你手上是正文型 Garamond(EB / Adobe / ITC),可以用来排正文;细笔画发虚,说明是 Cormorant,只该出现在标题里。
本文余下部分默认你用的是正文型 Garamond。
Garamond 需要搭档提供什么
与多数展示衬线体不同,Garamond 是真正的正文字体——它当初就是为此而画的。所以常见的那条建议(「衬线做标题、无衬线做正文」)在这里往往是反的。
Garamond 真正的弱点是 x 高度小、整体颜色偏浅。在屏幕上,它挨着现代无衬线体时会显得偏小、偏淡。两个实际后果:
- Garamond 要比无衬线体大一到两个点。 如果你的 Inter 正文是 16 px,Garamond 正文要 17–18 px。
- 搭档在小字号下不能太重,否则无衬线会在视觉上盖过衬线。
将 Garamond 用于:
- 长篇正文(它真正的强项)
- 书籍感的文章页
- 突出引语与题词
- 想要克制而非冲击力时的标题
将搭档用于:
- 导航、按钮、UI 标签
- 小型大写行、元信息、图注
- 标题——当你想让现代感与衬线正文形成对比时
背后的原理见字体搭配规则。
最佳 Garamond 搭配
Garamond + Futura:经典,而且有来历
最适合:书籍封面、编辑设计、电影字幕卡、讲究的品牌项目
这是真有渊源的一组——人文主义老style衬线对纯几何无衬线,上世纪大半时间的书籍设计都在用,又因韦斯·安德森的片头字卡重新出名。它成立是因为两者几乎没有共同点:Garamond 是写出来的,Futura 是用圆规画出来的。
可以这样设置:
- 标题:Futura Medium,全大写,字距 +6%
- 正文:EB Garamond Regular,18 px,行高 1.6
- 图注:Futura Book,13 px
注意这里的倒置:无衬线拿了标题。Futura 的几何大写做标题很有力,Garamond 则被解放出来去做它最擅长的事。
如果项目里 Futura 没有授权,见Futura 字体搭配里那些扛得住的免费替代。
Garamond + Lato:最稳的网页搭配
最适合:博客、文档、长文章、课程材料
Lato 是人文主义而非几何风格,因此它与 Garamond 共享一点有机骨架,又不模仿它。它也足够轻,不会在小字号下压过 Garamond——那正是 Garamond 配重型无衬线时的失败模式。
可以这样设置:
- H1:Lato Bold,40 px
- H2:Lato Semibold,26 px
- 正文:EB Garamond Regular,18 px
- UI 与图注:Lato Regular,14 px
Garamond + Gill Sans:低调的英国腔,低调地正确
最适合:博物馆、出版、学术与文化机构
Gill Sans 是一款用与老style衬线同样的书写直觉画出来的人文无衬线。放在 Garamond 旁边,它更像同一家族的另一位成员而非对比——当你要的是权威感而不是戏剧性时,这恰好合适。
小字号下要当心 Gill Sans,它较轻的字重会发虚。16 px 以下用 Regular 或 Medium。
Garamond + Open Sans:中性、不折腾
最适合:报告、白皮书、内部文档、多人协作的站点
Open Sans 是低风险选项。开口大、字形朴素、字重齐全,不会跟 Garamond 争个性。当文档首先要求易读、而且可能被不考虑排版的人继续编辑时用它。
Garamond + Montserrat:封面和海报用
最适合:书籍封面、活动海报、演示文稿标题页
Montserrat 几何且宽,对比比 Lato 或 Gill Sans 硬得多。用在长文章里过头,用在封面上正好——封面就是要两款字体一眼看去明显不同。
封面结构:
- Montserrat Semibold,全大写,小号,字距 +10%:「长篇小说」
- EB Garamond Regular,很大:书名
- Montserrat Regular,小号:作者名
Garamond + Source Sans 3:衬线正文外围的界面
最适合:阅读类应用、文档站,以及任何带侧边栏的页面
当页面既有 Garamond 的阅读栏,又有真实的界面构件——导航、搜索框、筛选器——Source Sans 3 能安静地接住这些构件。它在 13–14 px 依然清晰,而那个尺寸 Garamond 本来也不该出现。
三套即用方案
1. 长文(Garamond 做正文)
- 标题:Lato Bold,42 px
- 章节标题:Lato Semibold,24 px
- 正文:EB Garamond Regular,18–19 px,行高 1.65,行宽上限 66 字符
- 图注:Lato Regular,14 px,灰色
66 字符这个行宽,对 Garamond 比对无衬线更要紧。它 x 高度小,行太长眼睛会跟丢。
2. 书籍封面
- 系列标签:Futura Medium,全大写,12 px,字距 +12%
- 书名:EB Garamond Regular,54 px
- 作者:Futura Book,16 px,字距 +4%
3. 机构页面
- 标题:Gill Sans Medium
- 正文:Adobe Garamond Pro Regular,18 px
- 导航与按钮:Gill Sans Regular,15 px
- 脚注:Gill Sans Regular,13 px
怎么测 Garamond 搭配
- 先排一整段 Garamond,不是标题。这与测展示衬线体的方法相反,但在这里是对的。
- 把候选无衬线直接放在它上方当标题、旁边当图注。
- 检查灰度平衡:眯眼看页面。如果无衬线明显比 Garamond 那块深,要么减轻无衬线字重,要么加大 Garamond 字号。
- 在手机上读三段。Garamond 的小 x 高度会惩罚小屏幕。
- 最后才看标题。
想要更大范围的对照,见字体搭配示例:20 种组合及其有效原因。
应避免的错误
把 Garamond 设成和无衬线一样的字号
最常见的 Garamond 错误。它的 x 高度比 Inter 或 Lato 小得多,16 px 的 Garamond 看起来像 14 px 的 Lato。往大调。
正文旁边配重型几何无衬线
粗 Montserrat 图注挨着 Garamond 正文,会让衬线显得褪色。重型几何体留给封面和标题。
以为所有 Garamond 都一样
针对 ITC Garamond 写的建议不适用于 EB Garamond,两者也都不适用于 Cormorant。先分清你的是哪个。
因为「它也叫 Garamond」就拿 Cormorant 排段落
它是顶着熟悉名字的展示字体。只在 24 px 以上使用。
常见问题
什么字体适合搭配 Garamond?
想要经典编辑感用 Futura,通用网页用 Lato,机构类项目用 Gill Sans,封面海报用 Montserrat。它们在阅读字号下都不会挡 Garamond 的路。
Garamond 适合做正文吗?
适合——在那些被当作「优雅」卖点的衬线体里,Garamond 少见地本来就是为正文而设计的。把它设得比无衬线大一到两个点,行宽控制在 66 字符左右。
哪个 Garamond 是免费的?
EB Garamond 和 Cormorant Garamond 都在 Google Fonts 上以 SIL 开放字体许可证免费提供。Adobe Garamond Pro 需要 Creative Cloud 订阅或单独授权;ITC Garamond 是商业字体。
Garamond 和 Cormorant Garamond 有什么区别?
Cormorant Garamond 的笔画对比高得多、细笔画细得多。它是借用了 Garamond 名字与骨架的展示字体,不像 EB 或 Adobe Garamond 那样适合小字号正文。
可以让 Garamond 搭配另一款衬线体吗?
通常不值得。两款老style衬线放一起像是失误而非决定。例外是「正文型 Garamond 配高对比展示衬线标题」——但那其实是在搭配两种截然不同的角色,不是两款相似的字体。
结语
先分清你的 Garamond——EB、Adobe、ITC、Cormorant 不可互换。然后:要经典对比配 Futura,做网页配 Lato,要机构式的沉稳配 Gill Sans。把它设得比直觉上大一到两个点,让它去承担段落——那是它当初被画出来要做的事。
想检验自己对字体的判断力?试试字体排印测验——10 道关于搭配、层级和间距的快速题目。