Nebula Sans：适合你的 SaaS 的免费字体

你的产品有七个页面，用了五种不同的字体。没人做过这个决定。它就那样发生了：开发用了框架的默认字体，外包设计师带来了另一种，有人粘贴了一个组件库的组件，它自带第三种，然后事务性邮件用了 Arial，因为根本没人看过。Nebula Sans 是一款为界面而生的免费开源字体，一个决定就能解决其中大半问题。而恰恰是这类决定，大多数小型 SaaS 会一直拖，拖到变成返工。

我来讲讲为什么在数字产品里字体比看上去更重要，以及为什么今天一款做得好的免费字体，能交付五年前只有昂贵授权才能交付的东西。

为什么你 SaaS 的字体不是小细节

SaaS 有 90% 是文字。字段名、按钮、表格、错误提示、仪表盘上的数字、扣款通知。用户整天都在读你写的东西，在小屏幕上，赶时间，很多时候是一边忙别的一边看手机。

当一款字体不适合界面，代价会出现在没人会归咎于设计的地方：

• 1 看起来像 l，客户就输错了验证码。
• 成列的数字对不齐，账单表格变得难以比较。
• 12px 的文字发糊，人干脆放大而不是去读。
• 没有 semibold 这一档，于是所有东西要么太细，要么太粗。

这些都不会让产品垮掉。只是让它显得业余，让人更累。累会变成支持工单，而支持工单是有名有姓的成本。

那些用于大段正文的字体，比如官网上好看的那些，是为另一份工作设计的。界面需要的是一款每天被读上百次也不会跳出来抢戏的字体。

Nebula Sans 带来了什么

Nebula Sans 是一款新怪诞体（neo-grotesque）无衬线字体，就是 Helvetica 带火的那一支。字形中性，没有喧闹的个性，它的任务是消失，让内容显出来。它免费、开源，允许商用。

对产品来说真正重要的几点：

• 完整的字重家族。 你能搭出真正的层级：标题、副标题、正文、说明文字，各有各的字重。不用再靠“加粗就完事”这种土办法。
• 等宽数字。 所有数字占同样宽度，列会自己对齐。如果你要展示价格、余额或指标，这是清单里最被低估的一项。
• 为屏幕而设计，不是为纸张。字距足够开，小号文字依然能读。
• 授权没有陷阱。 app 里能用，官网能用，邮件能用，合同 PDF 能用，商务演示也能用。不按页面浏览量计费，不用年年续费。

最后这一项，很多人是很晚才发现的。商用字体的网页授权通常按访问量计费。流量涨了，账单也涨。而这笔账没人在财务计划里预留过，因为字体看起来不像基础设施。

好字体是你察觉不到的那种。如果用户注意到了字体，说明它碍事了。

“可免费字体不是更差吗？”

十年前是这样。免费字体意味着三个字重、歪掉的重音符号，还有一个像用胶带贴上去的 ç。

现在变了。今天最好的界面字体是开放的，而且其中不少诞生在产品公司内部，因为他们要先解决自己的问题。模式变了：工作室不卖字体，而是免费放出来，换回声誉和业务。

我做的测试永远是同一个，你五分钟就能做完：

1. 用这款字体写出你产品里最无聊的一段文字。类似“无法处理付款。请检查银行卡信息后重试。”
2. 设成 13px，中灰色，白底。
3. 在手机上看，把亮度调低。
4. 在旁边写一列金额：1,480.00 / 990.00 / 12,375.50。

如果小号文字依然干净，数字也对齐，这款字体就能用。如果不行，再贵的价格也救不了。我见过一千块的字体栽在这个测试上，因为它是为杂志设计的。

还有一个几乎没人测的麻烦事：葡萄牙语的重音符号。我们的语言要用 ã、õ、ç、é、ê、à。很多国外字体把这些当装饰处理。如果波浪号贴在 a 上，或者变音符号在小字号里消失，你的产品看起来就像用谷歌翻译做的。在决定任何事之前，先用“Informações da assinatura não disponíveis”测一遍。

隐藏成本：体积和速度

这里就到了直接影响营收的部分。

每一个字重都是一个文件，浏览器要先下载完才能正确显示文字。如果你加载六个字重，每个还配一套斜体，光字体就可能超过 500 KB。在信号差的 4G 下，用户要么盯着白屏，要么看着文字在阅读过程中从一种字体跳到另一种。

我实际的做法：

• 最多只加载两到三个字重。Regular、Medium 和 Bold 能覆盖 95% 的界面需求。
• 使用 woff2 格式，最轻，而且在所有要紧的地方都能用。
• 把字体托管在自己的域名上，而不是从外部服务拉取。少一个依赖，少一个请求，也不会顺带让别人追踪你的用户。
• 设一个系统字体做后备，让文字在主字体加载时立刻显示出来。

这通常能把“第一次看到可读文字”的时间砍掉一半。这不是极客式的微优化，它决定了访客是等下去还是关掉标签页。

这是一个决定，不是一个项目

我希望更多人明白的是：统一字体，早做很便宜，晚做很贵。

早做：你选定一个字体家族，定下五个字号、三个字重，写进一个文件里。半天的工作量。

晚做：你有四十个组件，字号都是当场随手定的，事务性邮件是另一种字体，PDF 又是一种，落地页再来一种。那就不是排版了，是考古。我接过一个项目，二十个页面里有十九种不同的文字尺寸。没人做过这个决定。只是两年里没人做任何决定。

我几乎一直在用的这套尺度，应付任何 SaaS 都够：

• 12px 说明文字
• 14px 界面正文
• 16px 阅读正文
• 20px 区块标题
• 28px 页面标题

五个字号。如果你需要第六个，问题多半出在布局，不在排版。

这周就能动手

如果你在做一个产品，读到这里心里想“我的确实挺乱”，那就从最显眼的地方开始：

1. 打开客户用得最多的那个页面。只看这一个。
2. 列出上面出现了多少种字号和字重。
3. 砍到最多四种组合。
4. 只选一个字体家族，应用上去，下周再处理下一个页面。

不需要重做设计。重做设计花钱、耗时，还会吓到用户。统一是无聊的、快的，也没人会抱怨，因为人只会觉得产品变好用了，却说不出为什么。

我在已经上线运行的产品里做的，就是这类整理：只动有回报的地方，不停掉业务，也不扔掉能用的东西。如果你的 SaaS 正处在“什么都能跑，但看起来不像同一家出品”的阶段，跟我说说现在的情况，我们一起看先解决哪一块。

你的 SaaS 有七个页面，用了五种不同的字体。没人做过这个决定，它就那样发生了。

开发用了框架的默认字体，外包带来了另一种，事务性邮件用了 Arial，因为根本没人看过。

看着像小细节，但 SaaS 有 90% 是文字。当“1”看起来像“l”，客户就会输错验证码。当数字对不齐，账单表格就变成猜谜。这些都会变成支持工单，而工单是有名有姓的成本。

好消息是：今天用免费的开源字体就能解决，比如 Nebula Sans。字重齐全，等宽数字，授权没有陷阱。

早点做，统一字体只要半天。拖到后面，那就不是设计了，是考古。

如果你的产品能跑，但每个地方看起来都不像同一家出品，来找我聊聊，我们先看哪里最该修。

#SaaS #字体排印 #产品设计 #UX #微型SaaS