社交媒体帖子的字体排印：实用指南

使用一款干净的无衬线字体，在 1080 px 画布上让标题保持在 72 到 110 px 之间，辅助文字 40 到 48 px，任何文字都不要小于约 32 px。这些数字是我们的建议，依据是 Apple 对 iOS 文字规定的 11 pt 最小值，以及 1080 px 图片缩放到手机屏幕上的方式。

我们认为，大多数社交媒体帖子都是在拇指滑动中、在一臂的距离外、用一两秒钟读完的。字体排印在这里只有一个任务：被瞬间认出。本指南是我们字体排印系列的总览页。它给出一套可以直接照抄的字号层级、背后的换算，以及一个测试，看标题在真实手机尺寸下会变成什么样。

1080 px 在手机上有多大？

iPhone 16 的显示屏为 2556 x 1179 像素。因此，一张 1080 px 宽、占满屏幕宽度的帖子，显示时的像素数与屏幕宽度大致相同，所以你可以把一个画布像素看作约等于一个设备像素。不过，Apple 的指南是以点（pt）而不是像素为单位编写的。把 1179 px 的宽度除以 3（这是我们对 3 倍屏的工作假设），得到屏幕宽度约 393 pt。简而言之：1 pt = 3 个设备像素，所以 1 个画布像素约等于 1 个设备像素，而 2.75 个画布像素约等于 1 pt。

我们使用的换算：1080 / 393 = 每点约 2.75 个画布像素。这在帖子边到边占满屏幕时成立。信息流会加上边距，有些界面显示的图片还会更小，所以请把 2.75 当作最理想的情况，并留出安全余量。

Apple iOS 数值	点（pt）	1080 宽画布上的像素（x 2.75）
最小文字尺寸	11	约 30
Caption 1	12	约 33
Footnote	13	约 36
Default body	17	约 47
Title 2	22	约 61
Large Title	34	约 94

所有点数值均来自 Apple 的 iOS 文字样式；像素列是我们自己的计算。Apple 自己的设计提示也把 11 pt 列为最小的可读文字。

1080 px 的帖子适合用多大的字号？

这是我们为 1080 px 宽画布推荐的层级。这是我们的建议，不是平台规则。没有任何社交网络公布图片中文字的最小字号。

角色	1080 px 下的尺寸	在手机上大约	字重	行高
标题	72 到 110 px（下限 72）	26 到 40 pt	700 到 800	1.0 到 1.15
副标题	48 到 60 px	17 到 22 pt	600	1.2
辅助文字	40 到 48 px	15 到 17.5 pt	400 到 500	1.3 到 1.5
眉题或标签（大写）	32 到 36 px	12 到 13 pt	600，字距拉开	1.2
小字说明（绝不能是重点）	最小 32 px	12 pt	500	1.3

表格背后有三条规则。读者必须理解的内容保持在 40 px 或以上。小于 32 px 的内容只能是装饰、法律文字或账号名。让标题至少是辅助文字的 1.5 倍：72 px 对 48 px 是我们表中最紧凑的一对，而 110 px 对 40 px 时，差距达到约 2.75 倍，所以层级在一瞥之间也能保住。关于这些字号周围的版式，请参阅我们的版式原则支柱文章。40 px 和 32 px 下限背后的计算，以及它们在 1200 px 和 1500 px 画布上如何变化，见我们的社交媒体图形最小字号指南。

哪些字体在小字号下最容易阅读？

先从易辨认性（legibility）着手。尼尔森诺曼集团（Nielsen Norman Group）区分了易辨认性与易读性：易辨认性是指人们能否在生理上认出字符，取决于字号、对比度和字体的清晰度。社交媒体帖子对易辨认性的考验比几乎任何媒介都严苛。

我们的建议：

• 一款主力无衬线字体，x 高度（小写字母的高度）充裕，字形开阔。Inter、Roboto 和系统无衬线字体族都合适。
• 最多三种字重：正文用常规，标签用半粗，标题用粗体。
• **避免细字重。**Apple 的指南指出，Ultralight、Thin 和 Light 在小字号下难以阅读。
• 衬线字体或展示字体留给引言和编辑风格的标题，并在 390 px 宽度下测试之后再定稿。
• **大字保持紧凑字距，小型大写字母则放开字距。**90 px 或更大的标题通常需要略微为负的字距，而 32 px 的眉题则需要略微为正。

选字体同时也是品牌决策，所以请把搭配一次性写下来。我们的小团队品牌规范指南介绍了怎么做。

标题太长时会怎样？

这正是固定画布的难处。下面是一个用我们的演示品牌 AURORA 渲染的模板，标题字号 92 px，文本框为 888 x 440 px。先看一个两个词的标题。

再看同一个模板配上 99 个字符的标题。

引擎把字号缩小了一档（我们的测量结果：从 92 px 缩到约 80 px）使其适配，而不是任由溢出。在 Chikaboom 中，设计师会设置理想字号和下限（这个标题从 92 px 起步，下限 56 px，允许 5 行）；如果文字在下限处仍然放不下，就以省略号结尾。团队里没有人能把文字推出文本框，或压到下限以下。这就是锁定模板的实际理由：字体排印的决定由真正懂行的人一次性做出。

长标题在手机尺寸下还能读吗？

下面是同一个模板和同样的文案，以 393 x 393 px 原生渲染，接近手机屏幕的宽度。这是重新渲染的图，不是 1080 图片的缩小副本，所以换行位置不同。

我们的观察：标题依然可读。请注意，这个演示模板 56 px 的下限低于我们自己为标题推荐的 72 px：在占满屏幕宽度的手机视图上约为 20 pt（56 / 2.75），对长标题来说没问题，但对短标题则是反例。在你自己的模板中，请把标题的下限设为 72 px 或更高。小标签是最薄弱的元素：在这个模板中，它们接近我们推荐的 32 px 下限，在 393 px 下几乎读不出来，所以请把它们当作装饰。对你发布的每一个模板都做这项检查：以 393 px 渲染，并在一臂距离外阅读。你可以在在线演示中亲自试一试。

WCAG 规则如何适用于图片中的文字？

我们认为，对比度比任何字号规则都重要。WCAG 是为网页内容编写的，其对比度准则涵盖文字图像；把它的比值用在社交媒体图片上是我们的建议，不是平台的要求。它要求普通文字 4.5:1，大号文字 3:1，其中大号指 18 pt 或更大，或者 14 pt 粗体或更大（按 CSS 计算约为 24 px 和 19 px）。请注意，WCAG 没有规定最小字号，只有随字号变化的对比度阈值，并且它警告说文字图像的缩放效果不如真实文字。想深入了解配色组合，请阅读我们的颜色对比度指南。

间距是另一种情况。准则 1.4.12 提到行高为字号的 1.5 倍、段落间距为 2 倍、字符间距为 0.12 em、词间距为 0.16 em，但它要求的是在用户应用这些值时内容依然可用，而不是要求设计采用这些值。它不可能适用于已拼合的 PNG，所以这些数字只作参考。我们在表中给出的标题行高建议是有意设得更紧的。

由于用户无法调整图片中文字的大小，请把真正的信息也写进文案和替代文字里。

发布前的字体排印检查清单

• 标题 72 px 或更大，所有重要内容 40 px 或更大，任何文字都不小于 32 px。
• 一款无衬线字体，最多三种字重，不用细字重或轻字重。
• 标题至少是辅助文字的 1.5 倍（最紧凑时为 72 px 对 48 px）。
• 小字对比度 4.5:1；按 WCAG 标准，24 px（18 pt）或更大的文字为 3:1。记住 1080 px 画布会被缩小，所以要检查实际尺寸。
• 标题已在其允许的最长长度下和 393 px 宽度下测试过。
• 每个文字区域都设了下限字号，使更长的文案缩小并以省略号收尾，而不是溢出。
• 展示字号收紧字距，小型大写字母放开字距。
• 文字位于平台安全区之内。参见完整尺寸参考和 Story 与 Reel 安全区指南。