字体排印测验
好排版是「看不见」的——直到你学会看。下面 12 道题从字体解剖到排版禁忌,测测你能不能像设计师一样,一眼看出一段文字为什么好看、或为什么别扭。
0 / 12 题已答
第 1 题
「字体(typeface)」和「字型/字(font)」是一回事吗?
第 2 题
衬线体(serif)和无衬线体(sans-serif)的区别是什么?
第 3 题
字偶距(kerning)和字间距(tracking)有什么不同?
第 4 题
排版里的「leading」指什么?为什么这么念(「莱丁」)?
第 5 题
字体的「x-height(x 字高)」指什么?它为什么重要?
第 6 题
字母的「ascender(上伸部)」和「descender(下伸部)」是指?
第 7 题
排版里说的「widow(寡妇行)」和「orphan(孤儿行)」是什么毛病?
第 8 题
字号单位「点(point, pt)」有多大?
第 9 题
连字号(-)、连接号(–)、破折号(—)三条横线,用法对吗?
hyphen - 连字号(最短)
en dash – 连接号(中)
em dash — 破折号(最长)第 10 题
关于「全大写(ALL CAPS)」排版,下面哪条是对的?
第 11 题
正文的每行长度(line length / measure)多长最利于阅读?
第 12 题
「display(展示/标题)字体」和「text/body(正文)字体」的区别在于?
答完全部 12 题,看你的逻辑段位 👆
八个必懂的排版术语
- typeface vs font
- typeface=整套设计(Helvetica);font=具体实例(Helvetica Bold 12pt)。
- serif / sans-serif
- 衬线=笔画末端有小脚(宋体/Times);无衬线=没有(黑体/Helvetica)。
- kerning vs tracking
- kerning 调特定字母对间距;tracking 统一调整整段松紧。
- leading(行距)
- 行与行的垂直间距,读「莱丁」,源自铅字时代的铅条。常为字号 1.2–1.5 倍。
- x-height
- 小写字母主体高度。越大,小字号越易读(屏幕/路牌字体特意加大)。
- widow / orphan
- widow=段尾极短行被甩到下栏顶;orphan=段首行落单在栏底。都要消灭。
- point(pt)
- 字号单位,1pt=1/72 英寸。量的是设计尺寸,非墨迹高度。
- 三条横线
- hyphen(-)连复合词;en dash(–)表范围;em dash(—)表停顿/插入。别混用。
为什么值得懂一点字体排印?
| 符号 | 名称 | 用法 |
|---|---|---|
| - | 连字号 hyphen(最短) | 连接复合词、断行:well-known、mother-in-law |
| – | 连接号 en dash(中) | 表数值/时间范围:2020–2024、pp. 10–20 |
| — | 破折号 em dash(最长) | 句中强停顿、插入语:like this — 中文用破折号 |
字体排印(typography)是「看不见的设计」——排得好,你只觉得读起来顺、看起来舒服,不会注意到它;排得糟,你说不出哪里怪,但就是别扭。学会看它,等于给眼睛装了一层新滤镜:菜单、招牌、海报、网页,处处都是有意或无意的排版决策。
上面 12 道题覆盖的是排版的「解剖学 + 语法」:字体和字型的区别、衬线的作用、字距行距怎么调、x-height 为什么影响易读性、寡妇孤儿行这些禁忌、以及三条最常被用错的横线。每一条都有明确的对错,正是「即测即讲」最好使的那类知识。
这些不是设计师的玄学,而是几百年印刷传统沉淀下来的实用规则——大多服务于一个朴素目标:让文字更好读、更不累眼。理解了背后的「为什么」(比如全大写为什么慢、每行为什么别太长),你自己发个排版、做个 PPT、设计个海报,都会立刻不一样。
无论你是设计新手、内容创作者、还是单纯的字体爱好者,懂一点 typography 都是低成本高回报的审美投资——它改变的不只是你做的东西,还有你看世界的方式。
想把审美这件事系统练起来?喵学堂正在把设计、电影、创意这些「训练眼睛」的课一门门做出来,每道题都配即时讲解,免注册就能开始。
常见问题
typeface 和 font 到底该用哪个?
严格说:typeface 指整套字体设计(Helvetica),font 指其中一个具体规格(Helvetica Bold 12pt)。日常口语里两者早已混用,说「换个 font」没人会纠正你;但在设计、印刷的专业语境里,用对能显出内行。
衬线体和无衬线体,正文到底该用哪种?
没有绝对答案。传统印刷长文偏爱衬线体(衬线引导视线、利于连续阅读);屏幕尤其低分辨率时代偏爱无衬线体(更清晰)。但高清屏普及后这条界线模糊了——现在更该看具体字体的 x-height、字重和用途,而不是简单按衬线/无衬线二分。
kerning 我该手动调吗?
正文一般不用——好字体自带 kerning 数据,软件会自动处理。真正需要手动 kerning 的是大字号场景:logo、标题、海报,字母被放很大时,字母对之间的空隙不匀会格外刺眼(经典难点是 A-V、T-o、W-a 这些对)。
行距设多少合适?
常用经验值是字号的 1.2–1.5 倍(CSS 里 line-height: 1.4 左右)。正文行长越长,越需要大一点的行距帮眼睛找到下一行行首;标题字大,行距可以收紧一些。最终以「读起来不挤也不散」为准。
这些规则是死的吗?可以打破吗?
可以,但要先懂规则再破。这些经验(行长、行距、全大写、寡妇孤儿)服务于「易读」这个默认目标;当你的目标不是易读而是冲击力、艺术性(比如实验海报、品牌 logo),完全可以刻意违反。设计的高手是「知道规则、并知道何时该破」,而不是压根不知道有规则。