前端 | 一些值得推荐的字体 CDN

提起前端,那就必然绕不开各类字体。在几年之前,各类字体 CDN——尤其是支持中文的字体 CDN,还没有那么流行;英语只要支持 26 个字母基本就能覆盖大多数场景,中文字体字符数多,占用空间大,天生带有些劣势。当时我为了标题字体特色化,使用的是字体提取的方案:字体 | 提取字体文件中的指定字符

不过今时不同往日,各类支持中文字体的 CDN 如春笋般涌出(我们那时哪有这条件呐),我们不仅能使用,而且有了更多的选择;Google Fonts 也新增支持不少中文字体,尽管还是很有限,但是聊胜于无——绝大多数站点的思源字体,都是连接到 Google Fonts 的。

这里我们需要引入一个重要的概念——切片。中文字体动辄便几十 MB,因此完全不能如同英语字体那样直接引入字体 ttf/otf 文件;这样不仅加载慢、用户体验差,如果是自费的 CDN,流量费用必然爆炸。期间,博主发现了下面这些比较好用的字体源。

ZSFT

ZSFT Logo

ZSFT,全称 ZeoSeven™ Fonts,slogan 为「释放字体自由!」。这是一个相对比较新的服务(基本可以确定是 2024 年对外公开服务)的,也是目前比较稳定的选择。站长叫「瑶清秋」,很难想象如今竟然才 17 岁……(2025 年)[1]。目前从捐助页面来看的话感觉基本即可靠捐助覆盖基本支出,只不过大头竟然在域名上,也是让人觉得有点惊奇——原来字体托管其实并没有想象中那么“费钱”。当然,更有可能是目前使用的人不多。

站点收录了 963 款免费商用字体。其中有一款“上图东观体”(上海图书馆联合汉仪字库定制的专属字体)比较特殊,只允许非商业免费使用。官方也在不断更新字体,如果有想要的字体也可以在提交字体页面提交,让官方对其进行收录。

ZSFT 还提供了 ZSFT CLI,一个通过快速简单的命令来对字体文件进行子集化、转换和拆分,为 Web 优化的工具。

字图

中文网字计划 Logo

提到 ZSFT 那就不得不提到字图 CDN。字图是中文网字计划提供的中文字体公益 CDN 服务。字图提供的字体略少于 ZSFT。字图提供服务的时间要早一些(2023年),不过提供的服务偶有中断,并且在海外有时会偶现 429 报错。不知道是不是博主的错觉,他们的网站也时不时有点卡顿,跳转页面有时会卡死。

中文网字计划的站长为「江夏尧」,和 ZSFT 站长不同,他似乎没有自己的博客;他们提供的在线字体分包器比较好用,可以把 otf/ttf 字体分包成 css 和 woff2,打包为 zip 以供使用。

jsDelivr / UNPKG

有一些字体还会提供 npm 包,例如霞鹜文楷,包名为 lxgw-wenkai-screen-webfont。这样,我们就可以通过 jsDelivr 或 UNPKG 等加速服务进行引用;当然,我们也可以自己上传自己的分包到 npm 上(但是务必要注意版权等问题)。但是需要注意的是,这些服务在中国大陆某些地区连通性可能不够好(甚至无法联通),如果是对接国际的服务的话,或许也会是一个不错的选择。

Google Fonts

Google Fonts Logo

回到我们一开始聊的 Google Fonts。对于字体 CDN 来说,这位是当之无愧的元老。如果需要英语字体,或者是面向海外,Google Fonts 仍然是不错的选择,尽管中文字体极其的有限。虽然该服务由 Google 提供,其主页不对中国大陆开放,但实际上中国大陆仍然是能一定程度连通其字体源的,但是并非迫不得已的情况下,面对中国大陆的服务仍然不建议使用 Google Fonts。

尽管如此,其实现在仍然有不少个人站点在使用 Google Fonts,大多数情况下,Google Fonts 都是那个“实在迫不得已”的选择。

自托管

当然,如果你恰巧财力雄厚;或者拥有一个备案的域名,接入腾讯云或者阿里云的 Pages 服务(目前都是免费的,但是阿里云限制相对较多),通过上面提到的字体分片工具,那么便可以随意托管、使用自己喜欢的字体。

上一篇