Chinese Web Fonts Plan 中文网字计划 – 免费可商用中文字体库与 Web 字体分包工具链

中文网字计划 Chinese Web Fonts Plan 是一份持续生长的中文字体 库,配套一套开源的 Web 字体分包与调用工具链。它解决的是同一个老问题:中文字符集庞大,能被网站稳定兼容、自由调用的免费字体 少之又少。项目用自研的中文分包技术,把整套字体切成可按需加载的片段,让任意网站都能做全站全文本的字体覆盖。下面从「为什么需要它」讲到「怎么用」。

场景痛点

中文字符集庞大,这是 Web 排版绕不开的硬伤。一套完整中文字体往往有数 MB 到数十 MB,直接整包加载既拖慢首屏,也浪费带宽;于是大多数网站只能退而求其次,用系统默认字体凑合,好看的免费中文字体很难真正「上得了网页」。

另一面是版权。很多精致中文字体只允许个人非商用,产品在线上调用前往往要反复核对授权,稍不留神就踩雷。再加上部分地区访问 Google Fonts 不稳定,想给网站挑一款合规又好看的免费中文字体,长期是个低效率的苦活。

中文网字计划要解决的,正是把「字体大、加载慢、授权乱、不好找」这串麻烦,用一套开源工具和免费字体库一次性理顺。

它是什么

中文网字计划(仓库:KonghaYao/chinese-free-web-font-storage)是一份开源软件,也是持续维护的开源项目。它收录的每一款都是免费字体,并且只接收免费可商用的字体——设计师和开发者不必再为「能合法用在产品里的好中文字体太少」发愁。项目由江夏尧维护,底层字体分包能力来自同作者的 cn-font-split。

界面预览

首页 Hero:项目 slogan 与字体实时预览,鼠标移到字体上即可看到字形样式。

字体详情:把字体制作者的授权与元数据导出到页面,方便调用前核对版权。

门户导航:免费 CDN、在线分包、文章、反馈、灵感等入口。

字体列表与开源工具区,集中展示项目自研的工具链。

有趣的网站 上,和字体设计 相关的预览、调用都被整合到一处:开发者可以直接复制 CSS 引用,鼠标移到字体上就能实时看到字形。顺手把它加进收藏——字体发现与调用在这里是合一的。

核心功能

只收免费可商用字体

中文网字计划只收免费可商用字体,并且特地把字体文件头部的制作者与授权信息导出到字体详情页,用户调用前就能核对版权,降低误用风险。

自研中文分包引擎 cn-font-split

这是整个项目的底座。中文字符集庞大,整包字体直接丢给浏览器不现实。cn-font-split 把字体按字形切成可按需加载的片段,整包构建约 820 ms,支持 95/124 项 OpenType 特性。它归类到实用软件 一点也不勉强,同时是开发者最该认识的开发者工具 之一。源码托管在 GitHub,对做设计的人来说是一座宝藏资料

一条命令接入前端:vite-plugin-font 与 cn-font-replacer

vite-plugin-font 支持 Vite、Next、Nuxt、Astro、SvelteKit、Rspack,把字体分包融进构建流程;cn-font-replacer 则更轻,几行代码就能让网站用上全套中文字体,官方标注支持 Node.js、Deno、Bun 以及 Chrome、Firefox、Safari。

内置 Google Fonts 查询与免费 CDN「字图」

官网内置了 Google Fonts 查询(数据来自 FontSource 的 NPM 静态仓库),方便在部分地区也能检索 CSS 链接;字体静态文件由 Imagekit.io 托管,并通过名为「字图」的免费前端 CDN 分发。

安装与使用

开发者:引用 CSS 即可

在官网查看字体并拿到 Web 支持,直接引用 CSS 文件即可让网站覆盖对应字体。想自己加字体,需要 Node 18 以上:

提交 PR 后由维护者人工审核并上传字体。

设计师:拿原始字体文件

如果用户要的是原始字体下载 而非网页引用,点官网的 GitHub 图标就能跳到仓库拉取字体文件。

CDN 域名迁移提醒

免费 CDN「字图」的域名已从 chinese-fonts-cdn.deno.dev 迁移到 https://cn-font.claude-code-best.win,旧域名即将退役,接入时请直接使用新地址。

我的使用感受

中文网字计划最打动我的是「把难题做在工具里」。中文字体分包本是硬骨头,cn-font-split 把它封装成一条命令,开发者几行配置就能让网站用上全套中文字体;设计师则能直接从仓库拿到原始字体文件。它的定位很克制:只收免费可商用的字体,并把字体版权信息导出到详情里,降低误用风险。唯一要留意的是 CDN 域名正在迁移,接入时记得用新地址。整体看,它是中文 Web 排版里少有的、既开源又持续维护的基础设施。

官方网站

仓库:https://github.com/KonghaYao/chinese-free-web-font-storage

官网:https://chinese-font.netlify.app/

下载地址

https://pan.quark.cn/s/c783fe850443

相关推荐

Avatar photo

JameCling

我是 格律诗的软件世界 的作者,一名专注于软件工具、AI 技术和数字效率领域的独立研究者。
多年来,我持续关注互联网工具的发展趋势,体验不同平台的软件产品,并研究它们如何帮助用户提升效率。
我的工作不仅是整理软件信息,而是通过实际测试、功能分析和使用场景研究,帮助用户判断一个工具是否真正值得使用。
格律诗的软件世界 的每一篇文章都希望提供真实、有价值的信息,包括工具特点、使用方法、优缺点分析以及适合的人群。
我相信,好的工具能够改变工作方式,而准确的信息能够帮助用户做出更好的选择。