屏幕字体需在小字号下保持可辨
别名: 屏幕字体 · hinting · 小字号可辨
概念解释
一款在 48 像素海报上疏朗好看的字体，缩到手机正文的 14、16 像素时，字腔会被墨填死，1、l、I、0、O 挤成差不多的棍子，汉字的「口」「日」「目」也会并画。屏幕字体要在目标阅读字号下仍能把结构打开：字腔够大、笔画在栅格上站得住、易混字形有可抓的差别。挑选字体若只看大字标题试样，等于没选正文。
这和「易辨性作为构念」不是同一层：那里问的是单字区分这件事本身；这里问的是这款字面，在屏幕的小字号上，还能不能把区分做出来。
机制
小字号把字形交到像素网格上。笔画细过一像素时，渲染要么掉线，要么加粗成一团。字腔小的设计（高对比、细衬线、紧缩字宽）在这个尺度上先死：衬线粘进字干，c 和 e 的开口消失，汉字横画并排时变成一条黑带。x-height 偏小的西文等于把有效阅读尺寸再降一档，同样的 CSS 像素下可用的细节更少。
为屏幕切过的字体通常做三件事：抬高 x-height、打开字腔、在低像素上提供 hinting 或指令，让关键笔画落在整像素上。没有这些，印刷用的高对比衬线体在屏幕正文里会显得「精致但看不清」。中文还要看常用字在小字号下的内白：繁复的字（「矗」「鑫」）本身细节就多，字体若再追求细线，屏幕上只剩一粒噪点。
抗锯齿和灰度渲染会再偷一次对比。浅灰细字在白底上，结构比设计稿上的黑线更糊。试样必须用目标底色和目标渲染，不能看矢量轮廓。
怎么研究
把候选字体设成产品的正文字号，做易混对辨认：拉丁用 Il1| O0Q rn m 这类对，汉字用「口日目、未末、己已巳、土士」。自变量：字体、字号、字重、背景。因变量：强制选择正确率、反应时、主观「糊」。Tinker 的印刷易读性传统用整页阅读速度比较字体；屏幕小字号还要加上这对混淆矩阵，因为速度掉下来之前，单字已经开始互相假扮。
不要在展示字号下做这个测试。48px 上分得出的对，14px 上可能已经并。试样要嵌进真实行长和行高，孤立的字母表会高估可辨。
边界
品牌展示、营销大数字可以选高对比、细线的展示体，它们本来就不承担 14px 正文。等宽代码字体的可辨优先保证 0O、1lI，审美其次。打印件、电子墨水、投屏各有自己的栅格，手机上过关的字体在低 dpi 投影上可能再死一次。用户把字号放大之后，原先不够开的字腔会被救回来——所以「小字号可辨」是在默认档和最小档上的门槛，不是放大之后的门槛。
怎么落地
- 选正文面孔时，试样只开产品的最小阅读字号，不要先看海报级标题。
- 用易混对和一段真实中英混排正文做屏幕截图，在目标设备上读，不在矢量软件的画布上读。
- 高对比衬线、细黑、展示手写体不要进 14–16 像素正文；它们可以停在标题档。
- 把
Il1、O0、「日目」在最小档截出来，遮住字体名，找人读出每一个。读错的对，这款字就不能当正文。