第三课：字体与字号选择——让文字自己会说话
做公众号排版这么多年，我踩过最大的坑是什么？
说出来你可能不信——是字体。
有一次我精心排版了一篇干货，花了两小时调间距、配色、配图。结果发出去后，读者反馈：「眼睛疼，看不下去了。」
我仔细一看，好家伙，正文用了 12px 的灰色细体字。在手机上一片灰蒙蒙，跟蚂蚁爬似的。
从那以后，我养成了一个习惯：排版第一步，先搞定字体和字号。这是地基，地基不稳，上面花再多功夫都白搭。
一、正文字体推荐：别让读者「猜字」
公众号的阅读场景，说白了就是「碎片化+小屏幕」。读者可能在挤地铁、蹲马桶、午休前刷两眼。你想想看，这种情况下，字体要是再不给力，人家直接划走了。
我的推荐清单（亲测有效）：
- 苹方（PingFang SC）—— iOS 默认字体，清晰、圆润。我个人的主力字体。如果你用 Mac 排版，默认就是它。
- 思源黑体（Noto Sans CJK）—— 安卓端首选。Google 和 Adobe 联合出品，笔画均匀，小字号下依然可读。
- 微软雅黑—— Windows 用户的老朋友。注意：不要用加粗版，默认字重就够了，加粗后糊成一团。
- 站酷酷黑—— 适合标题或短句正文。个性强，但别通篇用，会累。
核心原则：正文只用无衬线字体（Sans-serif）。衬线字体（如宋体）在屏幕上细笔画会「断掉」，尤其 14px 以下时。
我的小技巧：在 CSS 里写字体回退栈。比如：font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif;。这样无论读者用什么设备，都能看到最合适的字体。
二、标题字号规范：层级感是「呼吸」出来的
标题的作用是什么？是告诉读者：「看这里，这是重点。」
但很多人的标题排版，要么全篇一样大，要么大小乱跳。读者看完一头雾水：到底哪句是重点？
我建议的层级体系（以手机屏幕为基准）：
| 层级 | 字号 | 使用场景 |
|---|---|---|
| 主标题 | 20-22px | 文章大标题，唯一一个 |
| 二级标题 | 17-18px | 章节标题，每节一个 |
| 三级标题 | 15-16px | 小节标题，可多个 |
| 正文 | 14-15px | 主体内容 |
| 注释/标注 | 12-13px | 引用、来源、小提示 |
为什么会这样定？
我做过测试：22px 以上的标题在手机上会占两行，视觉上「太重」。而 14px 以下的正文，在弱光环境下阅读吃力。这个区间是我反复调整后找到的「黄金平衡点」。
避坑指南：我曾经为了「设计感」，把二级标题设成 24px 加粗。结果整篇文章像在「喊话」，读者反馈说「太有压迫感了」。嗯，标题不是越大越好，而是越「合适」越好。
三、中英文混排技巧：别让「半角」毁了你的排版
做技术类公众号，中英文混排是家常便饭。比如「iOS 14.5 更新了 App Tracking Transparency 功能」。
但很多人不注意细节，排出来是这样的：
错误示例：「iOS14.5更新了AppTrackingTransparency功能」
—— 所有字符挤在一起，英文单词连成一片，中文和英文之间没有间距。读者要「拆字」才能读懂。
正确做法：
- 中英文之间加空格：比如「iOS 14.5 更新了 App Tracking Transparency 功能」
- 中文与数字之间加空格：比如「一共 3 个步骤」
- 英文单词之间用半角空格：不要用全角空格，否则间距过大
- 标点符号统一：中文内容用全角标点，英文内容用半角标点。混排时以中文为主，英文部分保持半角
一个偷懒技巧：写完后用「查找替换」功能，把「中文+英文」之间的空格补上。或者直接用排版工具（如 Markdown Here）自动处理。
我记得有一次帮朋友改稿，他全文 3000 字，中英文之间一个空格都没有。我手动加了一遍，花了 40 分钟。后来我写了个脚本自动处理——嗯，程序员嘛，能自动化绝不手动。
四、字体颜色搭配：别让颜色「打架」
字体颜色这件事，说简单也简单，说复杂也复杂。
简单来说就一句话：正文用深灰，标题用纯黑，强调用品牌色。
我的配色方案：
| 用途 | 颜色值 | 说明 |
|---|---|---|
| 正文 | #3f3f3f | 深灰色，比纯黑柔和，不刺眼 |
| 标题 | #1a1a1a | 接近纯黑，突出层级 |
| 强调/链接 | #2b7de9 | 蓝色系，醒目但不刺眼 |
| 引用/注释 | #888888 | 浅灰色，降低存在感 |
| 品牌色 | 自定义 | 用于标题装饰或重点标注 |
为什么不用纯黑（#000000）？
纯黑在白色背景上对比度太高，看久了眼睛会累。就像大晴天盯着白纸上的黑字，时间长了会「晃眼」。深灰色柔和很多，阅读体验更舒适。
我的经验：如果你拿不准颜色，就用「黑白灰+一个品牌色」的方案。绝对不会出错。我曾经见过一篇文章用了 7 种颜色，红橙黄绿青蓝紫全齐了，读者说「像进了迪厅」。
避坑指南：不要用亮色（如荧光绿、亮粉色）做正文颜色。也不要让颜色和背景对比度太低（比如浅灰字配白底）。我曾经见过有人用 #c0c0c0 的灰色做正文，在手机上根本看不清——嗯，那个人就是我早期的作品。
总结一下
字体与字号选择，说白了就是三个字：读得爽。
- 正文用无衬线字体，14-15px，深灰色
- 标题层级分明，字号递减，纯黑突出
- 中英文混排加空格，标点统一
- 颜色控制在 3 种以内，别花里胡哨
做到这四点，你的排版就已经超过了 80% 的公众号。下一课我们聊聊行间距和段间距——这两个参数调好了，文章直接「呼吸感」拉满。
公众号：蓝海资料掘金营，微信 deep3321