图片描述:一本字体排印样本书,展示不同的无衬线字体,顶部放有行距尺和阅读眼镜——全纳字体排印的视觉标志。

阅读时间:9分钟

字体排印是数字产品中大多数读者从未有意识地注意到的那一层——直到它让他们失望。对于阅读障碍读者、低视力读者或具有注意力缺陷特征的读者而言,舒适页面与令人疲惫页面之间的差别,往往就在于毫米级的行距、百分之一em的字母间距,以及样式表中六个月前设定、从未被重新审视的字号值。全纳字体排印是一门学科,要求我们根据可读性证据真正支持的内容来选择这些数值,而非根据作品集封面照片上”显得有设计感”的外观来决定。

本入门指南梳理了2026年的现状。它涵盖字体选择——包括围绕OpenDyslexic那个广为人知却缺乏证据支撑的说法,以及Atkinson HyperlegibleTiresias字体家族这两个更有据可查的替代选项。它逐一介绍WCAG 2.2成功标准1.4.12文本间距所锁定的四个数值杠杆:行高、字母间距、字间距和段落间距。最后以研究反复指向的被低估调节因素作为结尾——行长、对齐方式和合理的最小字号。研究证据表明,对低视力读者有效的方法与对阅读障碍读者和具有注意缺陷模式的读者有效的方法存在显著重叠。

字体选择:研究怎么说(以及没说什么)

有一种普遍的流行观念认为存在”阅读障碍专用字体”,切换到这种字体就能显著改善阅读障碍用户的阅读体验。最常被提及的两款字体是OpenDyslexic(2011年作为免费开源字体发布)和Dyslexie(Christian Boer于2008年设计的商业字体)。两者共享一种独特的设计策略:每个字形底部加重以将字母”锚定”在基线上、c和e等字母有夸张的开口,以及增加镜像对(b/d、p/q、n/u)之间的差异化程度。这一视觉逻辑直觉上说得通,营销也颇为有效。然而,证据比营销所暗示的要薄弱得多。

被引用最多的实证研究——Rello与Baeza-Yates(2013年)——发现,阅读障碍读者使用OpenDyslexic与使用传统无衬线字体相比,阅读速度没有显著提升。Wery与Diliberto(2017年)在《阅读障碍年鉴》发表的后续研究,测试了患有阅读障碍的儿童分别用Times New Roman、Arial和OpenDyslexic阅读的表现,结果发现阅读障碍专用字体并无一致性优势。英国阅读障碍协会2018年发布的综述得出结论:没有任何单一字体在阅读速度、准确性和理解力方面被证明能够以足以将其推荐为干预工具的水平,在所有阅读障碍读者群体中优于设计良好的普通无衬线字体。同一协会2024年的后续评论重申了这一立场。

同一研究基础确实支持的是,字体设计选择很重要,只是并非以阅读障碍字体营销所声称的方式重要。那些能改善阅读障碍读者可读性的特征,同样能改善低视力读者和在次优光线条件下阅读的读者的可读性:

  • 充裕的x字高——小写字母主体相对于大写字母高度的比例。更大的x字高使个别字形在较小的显示尺寸下更容易识别。
  • 明确的字形——小写l、大写I和数字1之间的清晰区分;零和大写O之间;c、e和o之间;以及镜像对b/d和p/q之间。
  • 开放的字腔——c、e、a、s等字母的开口应宽阔,不应封闭。封闭的字腔在小尺寸和低对比度下容易模糊。
  • 均匀的笔画粗细——高对比度字体(竖画粗、横画细)在低视力读者使用小字号时会降低易读性;均匀或适度对比的笔画更为稳健。
  • 字体内嵌的充裕间距——有些字体出厂时字距很窄,在应用任何CSS之前就已经在与读者对抗了。

在证据方面最为可信的两款字体是Atkinson Hyperlegible(由布莱叶研究所于2019年专为低视力读者设计并发布)和Tiresias字体家族(最初由英国皇家盲人协会于1990年代为英国广播字幕和屏幕使用而设计,至今仍用于英国广播无障碍领域)。Atkinson Hyperlegible免费提供,语言覆盖范围广泛,并已作为默认选项内置于多个操作系统的无障碍设置中。其设计选择——夸张区分0与O、1与I和l、c与e——在开发过程中经过低视力读者的测试,而同样的选择也有助于阅读障碍读者,因为两者潜在的字形混淆模式存在重叠。

因此,诚实的总结是:不要承诺阅读障碍专用字体会修复阅读障碍读者的阅读问题。选择一款设计良好、x字高充裕、字形清晰区分、字腔开放、笔画粗细均匀的无衬线字体。Atkinson Hyperlegible是一个有力的默认选择。Tiresias在纯屏幕环境中同样如此。就此而言,设置得当的Verdana、Tahoma、Trebuchet MS,或各操作系统的系统界面字体也是如此。证据并非说”使用这一款字体”;它说的是”不要将高对比度、低x字高、紧闭字腔的展示字体用于正文”。

行高:1.5倍下限

如果字体选择是全纳字体排印中讨论最多的调节因素,那么行高就是被利用最少的。WCAG 2.2成功标准1.4.12文本间距明确设定了下限:当用户应用样式表覆盖以增加文本间距时,不应有任何内容或功能丢失。1.4.12中的四项约束条件是:行高至少为字号的1.5倍;段落之间的间距至少为字号的2倍;字母间距至少为字号的0.12倍;字间距至少为字号的0.16倍。这些是页面必须在不破坏布局的前提下能够适应的最小值。然而,它们并不是唯一值得了解的值——它们是可接受范围的下限。

行高帮助读者的机制已被充分研究。当行距设置得很紧——1.0或1.1的行距——上一行的下伸部分会挤压下一行的上伸部分,产生视觉干扰,眼睛在识别字形形状之前必须先解决这种干扰。对于阅读正常的成年人,这种解决过程是自动的。对于阅读障碍读者——他们已经将更多认知带宽用于字母识别和词语分割——解决行间干扰的额外代价并非微不足道。对于低视力读者而言,放大后的有效字符尺寸小于平均水平,情况同样如此。充足的行高将每行隔离为独立的水平区域,减少眼睛跳行或重读同一行的倾向——这是阅读障碍读者有据可查的困难。

研究基础建议屏幕正文的行距约为1.4至1.6——具体数值取决于字体、字号和行长。对于长篇阅读,1.5的行距是安全的默认值;对于尺寸略大的较短文字块,1.4的行距读起来效果很好;对于小字号的窄列,有时需要1.6至1.7的行距。WCAG的1.5下限处于该区间的低端,这正是它被称为下限而非目标的原因。如果页面设置line-height: 1.5,它符合1.4.12。如果页面设置line-height: 1.6,它符合标准,且对该标准所针对的读者而言阅读更为舒适。

字母间距与字间距

词内的两个间距调节因素——字母间距(字距调整)和字间距——是最常被默认设为零的调节因素。大多数设计良好的字体出厂时具有适合其设计尺寸的度量参数,在屏幕上通常对应14至16px的正文大小。WCAG 1.4.12的最小值要求页面在不破坏布局的情况下能够适应0.12em的字母间距0.16em的字间距。作者无需设置这些值;他们只需在用户代理应用这些值时不出现问题。

字母间距的机制与行高相似:对无衬线体正文而言,约0.02em至0.05em的少量字距调整能减少相邻字形之间的感知拥挤。这一效果对放大文字的低视力读者最为显著——在他们的情境中,相互接触或几乎接触的字母可能融合为一个视觉簇——以及对阅读障碍读者也同样显著,因为字母识别是他们的瓶颈步骤。同样适度的字距调整在亚像素渲染精度较低的屏幕环境中(例如,运行在非整数缩放系数下的高分辨率显示器)也有帮助。

字间距是那个常被忽视的兄弟调节因素。在对齐文本块(全纳字体排印应避免——见下文)中,词间隔随着排版引擎平衡行宽而不规律地拉伸和压缩。在左对齐文本块中,词间隔是恒定的。约0.16em的字间距——大致等于作为正偏移量应用的WCAG下限——能改善阅读障碍读者的词语分割,这是一个有据可查的瓶颈。同样的数值有助于文字转语音预读,并改善触觉放大镜用户指触阅读的节律。

内容丰富网站正文的CSS实践配方如下:

  • font-size:至少16px(以16px为根的1rem),长篇正文最好17至18px
  • line-height:最低1.5,正文最好1.6
  • letter-spacing:大多数无衬线字体为0至0.02em;衬线字体或小字号时最多0.05em
  • word-spacing:默认为0,但页面应经过测试,在用户应用0.16em时仍能正常运行

段落间距

WCAG 1.4.12中的第四个数值是段落间距:当用户应用覆盖时,段落之间至少为字号的2倍。其机制是视觉分块。眼睛以眼跳方式阅读——在注视点之间快速跳跃——而清晰标记的段落结尾让眼睛得以重置,不会越入下一段。对于具有注意力缺陷特征的读者,清晰的段落分隔是内置的停顿;对于使用放大镜的低视力读者,它是一个结构性地标,在放大镜施加的水平语境缺失下仍能存活。

在实践中,这意味着要避免一种常见的视觉设计选择——仅用首行缩进来分隔连续排列的段落。仅缩进的段落分隔在印刷字号和有强列间规则的报纸栏宽下读起来效果良好;但将其转换到18px正文大小的320宽度手机屏幕上,效果就大打折扣了。清晰的空行——约等于一个行高,远超2倍字号下限——是更安全的默认选择。

被低估的调节因素:行长、对齐与最小字号

有三个调节因素未出现在WCAG 1.4.12中,但在可读性文献中反复出现:行长、文本对齐和最小字号。每一个在未被测量时都是隐形的;每一个对阅读障碍读者和低视力读者都有实质性影响。

行长是文本列的水平宽度,通常以每行字符数(CPL)来衡量。Bringhurst、Tinker以及历次屏幕可读性研究的研究结果汇聚于:印刷适宜范围为每行50至75个字符,屏幕适宜范围为60至80个字符。低于45个字符时,眼睛眼跳过于频繁,阅读节律碎片化;超过90个字符时,眼睛在右端换行回扫时会迷失方向——这是阅读障碍读者和使用放大镜的低视力读者有据可查的困难。对于推荐行高下的16至18px正文字号,这一范围通常对应约32至42em的列宽(桌面布局上约500至700像素)。大多数博客和编辑类网站在16px正文下仍将内容列设置为800至900像素宽——产生95至110个字符每行——这是一个有意义的全纳设计缺陷。

文本对齐是第二个被低估的调节因素。正文应在从左到右的文字系统中左对齐(在从右到左的文字系统中右对齐),另一侧边缘保持参差不齐。对齐文本——排版引擎调整词间距使两侧边缘齐平——会产生不均匀且不可预测的词间距。这种变化会干扰阅读障碍读者的词语分割,并在列中产生垂直延伸的白色”河流”,低视力读者反映这在视觉上令人不安。对齐文本是一种印刷排版惯例,依赖于精细的CSS或手工调整字母间距和断字。在现代网页排版中,这种代价鲜有必要。左对齐、右侧参差是全纳默认选择。

最小字号是第三个调节因素。Web通过偶然而非有意的趋同,形成了16px(以默认根尺寸计为1rem)的正文字号惯例。这一数值是下限——低视力读者通常放大至200%或更高,而16px的下限在不导致页面崩溃的前提下允许这样做。将正文设置得小于16px——13px、14px,甚至颇受青睐的”优雅”的15px——会使放大阅读超出WCAG 1.4.10重排定义的400%重排上限,并将未放大的阅读推低至大多数40岁以上成年人的舒适阈值以下。正文应至少16px,最好17至18px。标注、脚注和元信息可以设置为14至15px,因为它们的功能是辅助性的。正文不能。

研究实际怎么说

综合过去二十年可读性文献的研究成果——英国阅读障碍协会的风格指南更新、布莱叶研究所发布的Atkinson Hyperlegible设计理念、伴随WCAG 1.4.12的W3C工作组说明,以及从Tinker经Beier、Larson到Rello的学术脉络——有三个观察反复出现。

第一,没有任何单一的”阅读障碍字体”在受控实验中被证明能够显著改善阅读障碍用户的阅读效果。过去十五年发布的阅读障碍专用字体在与设计良好的普通无衬线字体的正面比较测试中均未胜出。营销走在了证据前面。

第二,有据可查地帮助阅读障碍读者的字体排印选择,同样帮助低视力读者和具有注意力模式困难的读者。这种重叠并非巧合——它反映了一个事实:这三类读者群体都依赖于相同的低层次机制(字母识别、词语分割、行追踪)尽可能减少认知代价。行距充裕、字母间距适中、行长舒适、左对齐的页面对所有人都读起来更好,效果在读者分布的长尾端最为集中。

第三,WCAG 1.4.12的下限是下限。符合它的页面是合规的;超越它的页面——1.6行高、0.03em字距调整、16至18px正文、65个字符每行的列宽、左对齐并有整行段落间隔——对该标准旨在保护的读者而言读起来明显更好,而对其他所有人来说也不会更差。

要点总结

全纳字体排印并不奇特,也不昂贵。它不过是选择一款设计良好的无衬线字体,将正文字号设置为至少16px且行高不低于1.5,让字母间距接近零并接受字体需要时最多0.05em的调整,将行长控制在60至80个字符区间,并将文本设置为左对齐而非两端对齐。这些选择都不需要新的字体授权、重新设计或采购周期。它们只需要一次CSS审计,以及重新审视那些在项目第一天设定、从未被检视过的字体排印变量的意愿。

阅读障碍字体的问题是诊断一个设计组织在证据方面所处位置的有用指标。将OpenDyslexic作为”阅读障碍无障碍功能”推出的组织,将行动的外观置于可读性文献之上。而审计了其正文字体的x字高、字腔和笔画对比度,并为长篇内容标准化采用Atkinson Hyperlegible或同等设计良好的系统字体的组织,则完成了那项更困难、不那么上镜但更持久的工作。本系列的下一篇文章从另一个角度审视同一问题:用户应用的样式表覆盖和阅读模式工具,如何与网站作者已经做出的字体排印决策相互作用。