衬线体 vs. 无衬线体:何时用哪个(以及何时根本无所谓)

“衬线体适合印刷,无衬线体适合屏幕。”这句话出现在互联网上每一篇入门字体排印文章里,而它至少已经错了十五年。现代显示器渲染细线毫无压力。Medium、The Atlantic、The New York Times 和 Stripe Press 的正文都用衬线体排版,在手机上读起来相当舒服。这个神话能活下来,是因为它好教,不是因为它是真的。

诚实的版本要乱一些。衬线体和无衬线体承担的工作不同,差别体现在语气、品牌和使用场景上,而不是 2026 年屏幕上的原始易读性。这篇文章梳理的是:这个选择在哪些地方真正改变设计,又在哪些地方,设计师们不过是在为一次抛硬币争吵。

两者的真正区别

**衬线是字母主笔画末端的小小收尾笔画。无衬线体没有。**这就是全部的结构差异。其他一切,温暖、权威、现代感,都是四百年来堆在这些小脚上的文化包袱。

衬线体家族可以分成几个有用的子类。Garamond 和 Sabon 这样的旧式体,笔画柔和,带有源自鹅毛笔书写的书法感。Baskerville 和 Georgia 这样的过渡体,介于书法与几何之间。Bodoni 和 Playfair 这样的现代体或 Didone 体,追求高对比和剃刀般的细线。Rockwell 和 Roboto Slab 这样的粗衬线体,脚部厚重方正,气质上更接近无衬线体。

无衬线体家族也是同样的划分。几何无衬线体(Futura、Avenir、Circular)建立在圆形和干净的角度之上。人文主义无衬线体(Gill Sans、Source Sans、Inter)借用罗马铭文的比例,读起来更温暖。怪诞体和新怪诞体无衬线(Helvetica、Söhne、再提一次 Inter、IBM Plex Sans)处在中间地带,所以它们统治了 UI 工作。

想了解底层的字形结构,以及这些小笔画如何与层级互动,字体系统设计那篇讲得很清楚。

一段话讲完可读性神话

没有任何诚实的研究能证明,在正文字号下衬线体比无衬线体更易读。“衬线引导视线”这个说法最初来自印刷时代的研究,其中大多数只拿一款衬线体对比一款无衬线体,在纸上,在同一组条件下进行。包括 Nielsen Norman Group 的综述在内,现代的对照研究几乎每次都得出同一个答案:在现代屏幕上的合理正文字号下,设计良好的衬线体和设计良好的无衬线体,阅读速度和理解程度大致相当。每个类别内部的差异,也就是字体本身的品质、间距、行长,远远大于两个类别之间的差异。

翻译一下:选适合品牌和场景的字体。别再争论哪一类“更易读”了。在正文字号下是平局,而在展示字号下,语气的重要性远超可测量的速度。

这个选择真正重要的时候

当选择会改变受众对品牌或内容的感受时,它才重要。具体有五种情况。

**品牌需要传承感或权威感。**律所、私人银行、大学、文学出版社、奢侈时装品牌。这些品类有上百年的视觉惯例,衬线体是这份契约的一部分。把 Sotheby's 设成 Inter,还没等人说出原因就会觉得不对劲。衬线体并不是“看起来更易读”,而是承载着继承来的分量。

**品牌需要现代感或工程感。**SaaS、金融科技、开发者工具、AI 基础设施。Stripe、Linear、Vercel、OpenAI 和 Anthropic 全都用无衬线体的识别系统,这不是巧合。无衬线体读起来理性、当下、为系统而生。把一个 2026 年的开发者工具裹进 Garamond,传递出的是档案馆,而不是平台。

**产品是高密度 UI。**仪表盘、数据表格、配置面板、代码编辑器。这里几乎总是无衬线体胜出,不是因为什么“屏幕可读性”,而是因为它均匀的笔画粗细能在紧凑网格里的 12 到 14 像素下撑住。小 UI 字号下的衬线体,往往会和像素网格互相震荡,看起来很吵。

**产品是持续的长文阅读。**编辑类网站、图书平台、长篇新闻。衬线体和偏衬线的字体(Source Serif、Newsreader、Lora、Tiempos Text、IBM Plex Serif)常常胜出,不是因为用户读得更快,而是因为长时间阅读下质感没那么工业化。Substack、Medium 和大多数主流报纸选择衬线正文,是有原因的。

**标题需要正文承载不了的个性。**中性的无衬线正文,搭配高对比的衬线展示字体(Migra、Fraunces、Tobias),让品牌在标题里有了声音,又不牺牲正文里 UI 的干净。这是现代编辑设计中最常见的模式之一,值得偷师。

这个选择几乎无所谓的时候

其余大多数时候,衬线体 vs 无衬线体的争论就是行为艺术。只要字体设计良好、间距正确、层级清晰,两类都能用。下面几种情况,设计师把力气花在了错误的维度上。

**通用型 SaaS 落地页。**Inter、Söhne、Geist 和 Aeonik 都能胜任。排得好的 Source Serif 也一样。决定因素是品牌的语气,不是类别。

**首页上的营销文案。**18 到 22 像素的正文,在任一类别里都读得清楚。按语气选,别再跑分了。

**Logo 和文字标。**文字标的成败取决于字形、字距调整和比例,而不是字体有没有脚。很多标志性的识别用衬线体(Vogue、Tiffany、The New York Times),也有很多用无衬线体(Google、Spotify、Airbnb)。类别是品牌的下游。这个决定实际是怎么做出来的,品牌识别指南那篇有详细拆解。

真实搭配,真实类别

具体例子胜过感觉。下面是目前正在生产环境中使用的字体选择,以及它们传递的信号。

规律很清楚。衬线体出现在以传承、编辑或持续阅读为任务的地方。无衬线体出现在以系统、密度或工程为任务的地方。决定跟着品牌和场景走,而不是跟着媒介走。

五分钟选字体的框架

整场争论可以压进五个问题的检查。把候选字体过一遍,答案自然浮现。

1. **品牌需要传递什么?**传承、权威、编辑感或时尚,偏向衬线体。现代感、系统、工程或大众市场,偏向无衬线体。
2. **字体大部分时间用在哪里?**长文阅读偏向衬线体或偏衬线的字体。高密度 UI 偏向无衬线体。
3. **在这个品类里,受众已经习惯了什么?**银行、法律、出版和奢侈品有衬线惯例。SaaS、金融科技和开发者工具有无衬线惯例。要打破惯例,必须有理由。
4. **字体在真实设备的小字号下表现如何?**在真实手机上用 14 像素测试,别在 Figma 的字体样张里看。有些衬线体撑得住,有些会糊成一团。
5. **它有没有搭档来承担另一份工作?**衬线标题几乎总是想要一个无衬线正文搭档,反过来也很常见。完整逻辑在字体搭配指南里。

如果答案都集中在一边,选择就很明显。如果意见分裂,就由品牌简报来打破平局。永远是品牌来打破平局。

2026 年该无视什么

有几个习惯今年该退休了。“印刷用衬线,屏幕用无衬线”的规则已经死了。每一块现代显示器在正文字号下都能干净地渲染两类字体。

认为无衬线体“更现代”的假设同样过时了。Migra、Fraunces 和 Tobias 这样的衬线复兴,加上使用衬线正文的现代编辑类品牌(Stripe Press、Substack),让现代感的说法显得很单薄。认为某一类天然更“易读”,是同一个神话换了件衣服。字体本身的品质,远比它所属的类别重要。

在看品牌简报之前就挑字体,是本末倒置。简报决定类别,类别缩小候选范围,候选字体再在工艺、授权和性能上竞争。

常见问题

衬线体在屏幕上真的更难读吗?

在现代显示器上的现代正文字号下,不会。极小 UI 字号下的细线衬线体可能会与像素网格互相震荡,但设计良好的正文衬线体(Source Serif、Newsreader、Lora、IBM Plex Serif)在手机和笔记本上 16 到 22 像素时读起来很干净。“衬线体适合印刷”是印刷时代的遗留产物,不是 2026 年的测量结果。

网站什么时候该用衬线字体?

当品牌需要传承感、编辑分量或持续的阅读体验时,就用衬线体。长篇新闻、图书平台、文学品牌、奢侈时装,以及法律或金融,常常有理由使用衬线正文。把正文衬线体和干净的无衬线体搭配,用于按钮、标签和表单这类 UI 元素,这样系统在落地页和产品界面上都能站得住。

标题和正文应该用同一类吗?

不一定。一个常见且耐用的模式是高对比衬线标题搭配人文主义无衬线正文,在页面顶部给出品牌个性,并让其余版面渲染得干净。反过来,自信的无衬线标题搭配安静的衬线正文,在编辑场景里读起来也很棒。这些类别是工具,不是阵营。

选好字体,然后忘掉这场争论

衬线体 vs 无衬线体不是设计师做的最重要的字体决定。它是被争论得最多的一个,这是两回事。真正能带来改变的决定,是品牌简报、字体系统、层级、间距和搭配。衬线还是无衬线的问题,处在所有这些的下游。

跑一遍五问框架。选适合品牌和场景的一边。然后把剩下的设计预算花在真正改变作品观感的部分:比例、节奏、对比,以及字体如何坐落在整个系统之中。网页设计原则那篇讲了字体排印在更大格局中的位置。

如果你想要一个能挑字体、搭系统、并把品牌和产品 UI 一起交付的团队,来雇用 Brainy。我们把衬线体 vs 无衬线体当成五分钟的决定,然后把项目剩下的时间花在真正会出现在产品里的工作上。