What Even Is Typography? (And Why You Should Care)

你有没有过这种经历：早上赶时间拿过手机，锁屏上的快递通知字小得像蚂蚁，你眯着眼看了三遍才看清是“您的快递已已放到驿站”；中午想找个地方吃饭，拿起咖啡店的菜单，字密得你找了五分钟才找到你常吃的番茄意面；晚上刷朋友圈，看到朋友发的结婚请柬，用的花里胡哨的艺术字，你看了半天才认出“欢迎光临”四个字？如果你有过这些经历，恭喜你，你已经和字体排印（typography）打过交道了——只不过之前你可能根本没意识到它的存在。

如果你去搜“typography”的定义，你大概率会看到类似“字体排印是安排文字使其清晰、美观、易读的艺术与工艺”这种干巴巴的解释，听上去像是设计师才会关心的玄学。但今天我们要把这句话翻译成人话：字体排印就是你每天接触的所有文字的设计——从你手机APP里的按钮文字，到你吃的零食包装上的成分表，再到你路边的公交站牌，全都是字体排印的产物。它不是什么高高在上的艺术，而是直接决定你看文字累不累、找信息快不快、对品牌印象好不好的“隐形用户体验”。

在正式开始之前，我们得先厘清一个几乎所有初学者都会搞混的概念：字体（font）和字体排印（typography）根本不是一回事。你可以把它们理解成“食材”和“菜”的关系：你下载到电脑里的“思源黑体”“Helvetica”“Times New Roman”，这些已经设计好的字符集合，就是“字体（font）”，是排印的原材料；而你把字体下载下来，调整字号、行间距、对齐方式，把它用到海报、PPT、书籍、APP界面里的整个过程，才是“字体排印（typography）”。很多人会说“这个排印用的字体真好听”，其实他们想夸的是“这个排版选的字很合适”，但大部分时候大家会把这两个词混用，我们后面也会偶尔混用，不用太纠结，只要记住：font是工具，typography是使用工具干活的过程就行。

为了让你更直观地理解typography到底涵盖什么，我们画了个简单的流程图： ```mermaid graph LR A[内容/文本] --> B[选择字体/调整参数] B --> C[排版设计] C --> D[最终输出（印刷/屏幕/动效）] D --> E[用户阅读体验] ``` 你看，从你写的一段文字，到你最终看到的成品，中间每一步都和排印有关：你选什么字体、字号多大、行间距多宽、字怎么对齐、标点怎么摆，这些全属于typography的范畴。它不只是“选个好看的字”那么简单，而是从内容到用户拿到手里的完整体验。

为什么你应该关心字体排印（哪怕你根本不是设计师）

很多人会觉得“我又不学设计，Typography和我有什么关系？”其实关系大了去了：它直接影响你的工作效率、消费决策，甚至你的安全。我们先来看两个真实到可能你也遇到过的反例：

2021年国内某连锁茶饮品牌更新了全国门店的菜单，为了多放几款新品，设计师把原来12号的字号改成了10号，行间距从1.5倍压缩到了1.2倍，还把原来加粗的品类标题改成了普通字重。结果调整后的第一个月，点单率直接下降了12%，后台收到了上千条顾客投诉：“字太小了找不到想喝的”“看了半天眼睛疼干脆不点了”。后来品牌方不得不改回原来的排印规则，点单率才慢慢回升。你看，这根本不是“审美问题”，是糟糕的排印直接影响了营收。

另一个更严肃的例子：国内某三线城市前两年更新公交站牌，为了“美观”把站名的颜色从深蓝色改成了浅灰色，字号从50号缩到了30号，结果半年内接到了上百起老年人坐过站的投诉，原因很简单：老年人视力不好，浅灰色的小字在阳光下根本看不清。后来市政部门不得不把站牌改回原来的规格，还特意加了高对比度的背景板。这个例子说明：字体排印从来不是“设计师的审美自嗨”，它是和无障碍、 usability（易用性）直接挂钩的，甚至能影响人的安全。

反过来，好的排印能带来什么？我们来看两个正面例子： 苹果公司从2013年iOS 7改扁平化设计开始，就投入了上百人的团队花了3年时间开发了专属的San Francisco字体，还给所有系统场景制定了严格的排印规范：锁屏通知的字号是34号，行间距是1.3倍；聊天界面的正文字号是17号，行间距是1.5倍；哪怕是第三方APP，只要调用系统的字体，默认的排印参数都是符合人体工学的。你每天用手机几个小时，却几乎不会觉得看系统文字累，这不是因为San Francisco这个字体本身有多好看，而是因为背后的排印规范是经过无数次用户测试调整出来的——好的排印是“隐形”的，你不会注意到它的存在，只会觉得“用着舒服”。

还有国内的老牌出版品牌“读库”，很多人说“读库的书看着不累，一看就能看一下午”，其实根本不是因为他们选了什么特别好看的字体，而是他们的排版师把正文字号固定在了10.5号，行间距设为1.8倍，段间距是行间距的1.5倍，每页的字数控制在800-1000字，刚好符合人眼扫描的舒适节奏。你看，好的排印从来不是靠“花里胡哨的字体”取胜，而是靠细节里的合理性。

^[1] 根据Adobe 2023年发布的《全球字体体验报告》显示，72%的用户会因为糟糕的排印体验对品牌产生负面印象，38%的用户会直接放弃使用排版混乱的APP或网站，而清晰的排印能让用户对品牌的信任度提升27%。这个数据说明：字体排印根本不是“锦上添花的装饰”，而是用户体验的核心组成部分。

哪怕你只是个普通人，平时发朋友圈选个字体、做PPT选个字号、开个奶茶店做个菜单，你都在做字体排印的决定，而这些决定直接决定了别人看你的内容累不累、对你的印象好不好。所以，不管你是不是要成为专业的设计师，了解一点字体排印的知识，都能让你少踩很多坑，少闹很多笑话——比如你不会再犯“用花哨的艺术字写论文正文”这种低级错误，也不会再做“菜单字小到顾客看不见”这种亏本的事。

中英文排印到底有什么不一样？（高层次扫盲，后面会展开讲）

这本书的标题里特意提到了“Chinese & Latin Font Design”，是因为大部分市面上讲字体排印的书，讲的都是拉丁字母的规则，直接套到中文里经常翻车——比如很多人把英文的行间距1.5倍直接用到中文里，结果排出来的字密得像蚂蚁，看着特别累。所以我们在正式开始讲具体规则之前，先给你讲清楚中英文排印的三个核心差异，这是全书的基础，也是所有初学者最先要搞懂的事。

我们先来看个最直观的对比表： | 对比维度 | 拉丁字母排印 | 中文字体排印 | |----------|--------------|--------------| | 字符数量 | 单套字体通常<1000个字符 | 单套字体通常>10000个字符 | | 基本单元 | 字母（宽度可变，高度一致，视觉重量差异小） | 汉字（宽度高度基本一致，视觉重量差异极大） | | 断行规则 | 按单词断行，可使用连字符 | 按字符断行，禁止标点居首 | | 间距调整 | 常用字间距、词间距微调 | 常用行间距、字面率调整 |

接下来我们一个个展开讲，你马上就能感受到这些差异到底有多重要：

1. 字符系统差异：为什么中文字体比拉丁字体贵那么多？

拉丁字母是“拼音文字”，英文只需要26个字母，加上大小写也就52个，再加上数字、标点、特殊符号，一套完整的拉丁字体通常只需要包含几百到一千多个字符，就能覆盖所有英语国家的使用需求，哪怕要覆盖所有欧洲语言的重音字符，也最多两千多个字符。所以拉丁字体的开发成本很低，一套高质量的拉丁字体，设计师可能几个月就能做完，免费的高质量拉丁字体也特别多。

但中文是“语素文字”，常用的汉字就有3500个，加上生僻字、异体字、繁体字、标点符号，一套能覆盖日常使用的中文字体至少要包含7000个以上的字符，如果要覆盖古籍、专业领域的生僻字，甚至要包含上万甚至几万个字符。比如我们常用的思源黑体，一共包含了7万个字符，是Arial字体字符数量的70倍。开发一套高质量的中文字体，通常需要一个十几人的团队花2-5年的时间，成本是拉丁字体的几十上百倍，这也是为什么免费的高质量中文字体特别少，大部分好用的中文字体都要付费的原因。

这个差异带来的直接影响就是：你在网上随便一搜就能找到几百套免费的拉丁字体，但靠谱的免费中文字体可能只有十几套，而且很多都有商用限制。后面我们会专门讲怎么找免费的可商用的中英文字体，帮你避开版权坑。

2. 结构逻辑差异：为什么同样的字号，中文看起来比英文密？

拉丁字母的每个字母的宽度是不一样的：比如“i”很窄，“m”很宽，但它们的高度是一致的，都对齐在同一条“基线（baseline）”上，而且每个字母的视觉重量差异很小——你看“i”和“m”，虽然宽度差很多，但你看一眼不会觉得哪个特别“重”哪个特别“轻”。所以拉丁字母排版的时候，只要对齐基线，整体看起来就会很整齐，只需要微调一下字间距和词间距就能达到很好的效果。

但汉字是方块字，每个字的字面框都是正方形，看起来宽度高度一致，但实际上视觉重量差异极大：比如“一”只有一横，视觉重量非常轻，“灩”有30多画，视觉重量非常重。如果你直接把汉字按字面框对齐，排出来的效果就会有的地方特别密，有的地方特别疏，看着特别别扭。所以中文排版的时候不能只看字面框，还要做“视觉对齐”，要根据每个字的视觉重量调整位置，让整体看起来均匀。

而且因为汉字的结构比拉丁字母复杂得多，同样的字号下，汉字的视觉密度是拉丁字母的1.5-2倍。比如同样是12号字，英文看过去很空，中文看起来就很密，所以中文的行间距通常要设为字号的1.75-2倍，而英文只需要1.2-1.5倍就够了。很多人直接把英文的排印参数套到中文里，结果排出来的字密得像蚂蚁，就是这个原因。

3. 排版规则差异：为什么你不能直接把英文的排版规则用到中文上？

拉丁字母的排版规则里有很多中文没有的东西：比如英文有“词间距”，就是单词和单词之间的间距，排版的时候可以根据需要调整；英文断行的时候可以按单词断，还可以在单词中间加连字符，比如“typography”可以断成“typogra-phy”；英文的标点比如逗号、句号可以出现在行首，不会影响阅读。

但中文的规则完全不一样：中文没有自然的“词”的间隔（除非是中文和英文/数字混合），断行只能按字断，不能在汉字中间断开；中文的标点比如逗号、句号、问号、感叹号，绝对不能出现在行首，只能出现在行尾，不然读者会以为是“话没说完”；中文的引号、括号是全角的，要和汉字保持一样的宽度，不能和英文的半角标点混用。这些规则的差异导致你不能直接把InDesign、Photoshop里的英文排印预设直接用到中文里，比如很多人用InDesign排中文书籍，直接照搬英文的断行设置，结果出来的书里逗号句号全在行首，特别丑。

当然，这些差异不是说中英文排印完全不能通用，而是说你要先搞清楚两者的底层逻辑

当然，这些差异不是说中英文排印完全不能通用，而是说你要先搞清楚两者的底层逻辑——这个底层逻辑，最核心的就是汉字独有的「字面率」和「视觉对齐」概念，这也是所有中文排印规则的基础。

你可以把字面率理解成汉字的“胖瘦”：它指的是汉字实际笔画填充区域和标准正方形字面框的比例。比如“一”这个字，只有一横，字面率只有10%左右，大部分字面框是空的；“国”字外框方正，内部有“玉”填充，字面率大概70%；而笔画繁复的“灩”字，30多画几乎填满了整个字面框，字面率接近95%。如果排版的时候只按字面框对齐，排出来的效果就是“一”和“国”之间有很大的空隙，“国”和“灩”之间又挤在一起，视觉上忽大忽小，看着特别难受。所以中文排版必须做视觉对齐：根据每个字的视觉重量调整位置，让每个字看起来的大小一致，而不是死板地按字面框对齐。

`#核心概念` 这个差异也解释了为什么宋体和黑体的使用场景完全不同：宋体有很多伸到字面框外面的衬线，字面率通常比黑体低10%-20%，看起来更疏朗，适合长文阅读；黑体笔画粗细一致，字面率高，看起来更现代简洁，适合标题和短文本。之前我们提到的读库的书籍排版，正文选用思源宋体，正是利用了宋体字面率适中、视觉重量均匀的特点，加上1.8倍的行间距，读起来完全不累。反过来，如果你用黑体排2万字的长文，哪怕行间距调得再宽，看半小时也会觉得眼睛酸，就是因为黑体的字面率太高，视觉密度太大，不适合长文阅读。

---

中英文混排：你每天都会遇到的高频难题

如果你平时做PPT、做海报、发公众号、甚至只是发个朋友圈带点英文，你肯定遇到过中英文混排的烦恼：要么中文比英文大一圈，头重脚轻；要么中英文挤在一起，像连体婴；要么标点乱飞，看着特别别扭。这背后其实就是中英文排印规则差异导致的，只要掌握四个核心原则，就能解决90%的混排问题。我们结合一个真实的反例来讲：

2022年某国产新能源车企发布新车的时候，海报标题是英文“Redefine Future”，下面配中文“重新定义未来”，英文用的是36号Arial，中文直接用了36号微软雅黑，结果发出来之后被网友疯狂吐槽：“中文比英文大两倍，像个胖子和个瘦子站在一起”“设计师是外包给实习生做的吧？”后来官方紧急修改了版本，把中文字号改成了28号，行间距调到了1.8倍，和英文的视觉大小对齐，才止住了吐槽。你看，同样pt的字号，中英文的视觉大小完全不一样，就是因为汉字的视觉密度是拉丁字母的1.5-2倍，同样的字号，中文看起来会大一圈。

要解决这个问题，你只需要记住四个原则，我们一个个讲： ```mermaid graph TD A[中英文混排内容] --> B[第一步：基线对齐] B --> C[第二步：字号适配] C --> D[第三步：标点统一] D --> E[第四步：间距隔离] E --> F[视觉平衡的混排效果] ```

1. 基线对齐：中英文站队的“水平线”

基线是所有文字排版的“地平线”：拉丁字母的基线是字母最下面的那条线（比如“a”“g”这些有降部的字母，基线是它们最底端的线），中文的基线是汉字最下面的那条横线。混排的时候，中文的基线和英文的基线必须对齐，不能出现中文“飘”在上面、英文“沉”在下面的情况。你可以打开Word试一下：输入“Hello 你好”，默认状态下中文“你”的基线和英文“o”的基线是对齐的，看起来就很顺；如果你手动把中文往上挪一点，立刻就会觉得歪。

2. 字号适配：同样pt，中文视觉更大

因为汉字的视觉密度更高，同样pt的字号，中文的视觉大小比英文大1.2-1.8倍，取决于字体。比如同样是16号字，微软雅黑的视觉大小差不多是Arial的1.5倍；宋体的视觉大小比同字号的黑体还要大10%左右。所以混排的时候，中文字号要比英文小1-2号，才能达到视觉上的平衡：比如英文用18号做标题，中文用16号就够了；英文用24号做海报大标题，中文用20号就足够，不用到24号。

3. 标点统一：别让全角半角打架

中文内容必须用全角标点（占一个汉字宽度的逗号、句号、问号等），英文内容必须用半角标点（占半个汉字宽度的逗号、句号等），中英文交界的地方必须加半角空格。比如“我们的产品叫Hello Kitty，特别好用”，这里“Hello”和“Kitty”之间是半角空格，“Kitty”和后面的中文逗号之间也要有半角空格，不能写成“HelloKitty，”，也不能写成“Hello Kitty，”。很多人写混排内容的时候要么不加空格，要么加全角空格，看起来中文和英文粘在一起，这个细节做好了，排版的精致度会立刻提升一个档次。

4. 间距隔离：中英文别贴太近

中英文挨在一起的时候，要比中文和中文之间的字间距大20%-30%，避免粘在一起。比如“喝Coffee”和“喝咖啡”相比，“喝”和“Coffee”之间的间距要比“喝”和“咖”之间的间距大一点，不然看起来像“喝C”是一个字，“offee”是另一个字。这个细节非常小，但能解决大部分混排“看着别扭”的问题。

`#基础对比` 除了这四个原则，中英文混排还有一个高频坑：很多人会把英文的断行规则用到中文里，比如英文可以按单词断行，还可以加连字符，但中文不能按字断行吗？错了，中文可以按字断行，但禁止标点居首：比如逗号、句号、问号、感叹号这些标点，绝对不能出现在一行的开头，只能出现在行尾，不然读者会以为是“话没说完”。比如你排一段中文，最后一行只有一个“。”，这个标点不能单独放在行首，必须和前一个汉字放在同一行，或者放到上一行的行尾。这个规则是中文独有的，也是很多人用InDesign排中文书籍的时候踩的坑：直接照搬英文的断行预设，结果出来的书里标点全在行首，特别丑。

---

你肯定犯过的5个排印错误（附解决方法）

不管你是不是设计师，你肯定犯过下面这些排印错误，我们一个个说怎么改，看完你立刻就能避开90%的常见坑： 1. 把字体当装饰品，乱用艺术字体 很多人选字体的第一标准是“好不好看”，但从来没有考虑过“合不合适”。比如你用庞门正道标题体（一款粗重的艺术字体）写论文正文，老师看了直接给你打回来；你用Comic Sans（设计史上最被讨厌的字体之一，本来是给儿童漫画设计的，笔画圆润像手写，特别不正式）写公司正式通知，老板会觉得你特别不专业；你用只有0.5磅的细体字做户外海报，太阳底下根本看不见。选字体的第一原则永远是“场景优先”：正文要选易读的字体，标题可以选有特点的字体，正式场合选稳重的字体，活泼的场合可以选有设计感的字体，不要本末倒置。`#常见错误` 2. 字号乱选，要么看不见要么太丑 很多人选字号完全凭感觉：PPT正文用10号字，投影到会议室后排根本看不见；奶茶店菜单标题用8号字，顾客站在门口看不清店名；朋友圈海报用72号字做正文，看起来特别傻。这里给你两个通用保底规则：屏幕上的最小可读字号是14号，不管是手机APP还是PPT，正文不能小于14号，不然大部分人看着都累；印刷品的最小可读字号是8号，书籍正文、菜单、宣传单不能小于8号，不然老年人或者视力不好的人看不见。当然，字号要根据场景调整：户外海报至少要50号以上，不然路人看不清；手机锁屏通知的字号不能小于34号，不然赶时间的时候看不清。 3. 行间距乱调，要么密得像蚂蚁要么松得像棉花 很多人用默认的1倍行间距，或者把行间距调到3倍，看起来要么挤得要死，要么松得要散。这里给你两个通用规则：中文的行间距最佳范围是字号的1.75-2倍，比如12号字，行间距调到21-24号（1.75-2倍）最舒服；英文的行间距最佳范围是字号的1.2-1.5倍，比如12号英文，行间距调到14.4-18号最舒服。超过2.5倍的行间距会打断阅读节奏，低于1.5倍（中文）或者1.2倍（英文）会让字挤在一起，看久了眼睛酸。 4. 对齐方式乱用，大段文字用居中对齐 很多人觉得“居中对齐看起来更高级”，所以不管什么内容都用居中对齐，结果大段文字居中对齐，每行的开头都不一样，读者视线来回跳，读起来特别累。这里给你一个黄金规则：大段文字（超过3行）用左对齐或者两端对齐，只有短标题（1-2行）可以用居中对齐。左对齐的文字每行开头对齐，读者视线可以顺着左边的行尾往下扫，读起来最快；两端对齐的文字左右都对齐，看起来更整