
30秒速读:中文字符集庞大,一套完整字体动辄数 MB 到数十 MB,整包加载既拖首屏又费带宽;好看的免费字体还常卡在授权上,调用前要反复核对。Chinese Web Fonts Plan 中文网字计划用一套开源分包工具链加免费字体库解决这串麻烦:字体按需切分加载,详情页直接导出制作者与授权信息,开发者几行配置就能让网站用上全套 中文字体。

Chinese Web Fonts Plan 软件信息表
| 项目名称 | Chinese Web Fonts Plan 中文网字计划 |
| 项目类型 | 免费字体库 + Web 字体分包与调用工具链(开源项目,据源稿介绍) |
| 维护者与底座 | 由江夏尧维护;底层分包能力来自同作者的 cn-font-split |
| 收录口径 | 只接收免费可商用字体;字体详情页导出制作者与授权元数据,调用前可核对版权 |
| 自建分包前置 | Node.js 18 及以上(仅自己加字体或自建分包时需要;直接引用 CSS 不需要) |
| 分发渠道 | 免费 CDN“字图”;官网内置 Google Fonts 查询,数据来自 FontSource 的 NPM 静态仓库 |
中文字体上网页难在哪
难在三处叠加:第一,体积大,整包字体直接丢给浏览器不现实,首屏与带宽一起受损;第二,授权乱,很多精致中文字体只允许个人非商用,产品上线前稍不留神就踩雷;第三,不好找,好看又合规的免费中文字体长期是个低效率的苦活,部分地区访问 Google Fonts 还不稳定。中文网字计划的解法是把难题做进工具里:cn-font-split 把字体按字形切成可按需加载的片段,据源稿介绍整包构建约 820 毫秒,支持 95/124 项 OpenType 特性;字体库只收免费可商用字体,并把授权信息导出到详情页,让“能不能用”在调用前就能核对。
版本选择:引用、拿文件、自建分包怎么选
| 用法 | 适合谁 | 要做什么 |
| 官网引用 CSS | 只想让网站快速用上某款字体的开发者 | 在官网查看字体并拿到 Web 支持,直接引用 CSS 文件 |
| 拿原始字体文件 | 不写代码、只想拿到字体文件用的设计师 | 点官网的 GitHub 图标跳到仓库拉取字体文件 |
| 自建分包接入构建 | 用 Vite、Next、Nuxt、Astro、SvelteKit 或 Rspack 的项目 | 用 vite-plugin-font 把分包融进构建流程,或用更轻的 cn-font-replacer 几行代码接入 |
明确推荐:先用官网 CSS 引用跑通一款字体。确认字形、加载速度与授权都没问题后,再决定要不要把分包融进自己的构建流程;一上来就自建分包,容易把“选字”问题变成“配构建”问题。
接入步骤
- 从本页文末引导句获取网盘链接,下载字体与工具资料包备用。
- 在官网浏览字体列表,鼠标移到字体上即可实时看到字形样式,挑中后打开字体详情页。
- 在详情页核对制作者与授权信息,确认该字体可用于你的产品场景后再引用。
- 开发者:直接引用官网给出的 CSS 文件,让网站覆盖对应字体;需要融进构建流程时,按项目框架选用 vite-plugin-font 或 cn-font-replacer。
- 设计师:如需原始字体文件,点官网的 GitHub 图标跳到仓库拉取,不要从不明渠道下载同名字体文件。
上线前必查的 4 项配置
- CDN 域名用新地址:入口为引用链接中的 CDN 域名;据源稿介绍,免费 CDN“字图”已从旧域名迁移到新地址,旧域名即将退役,接入时请直接使用新地址,存量项目请顺手替换旧引用。
- 授权再核对一次:入口为字体详情页导出的制作者与授权信息;即使项目口径是只收免费可商用字体,具体字体的授权细节仍以详情页为准,商用前务必人工确认。
- 按需加载别整包引:入口为分包配置;中文字体务必走按需切分加载,不要为了省事整包引用,否则首屏优化会被一处引用全部抵消。
- 框架插件选对型号:入口为项目构建配置;据源稿介绍,vite-plugin-font 支持 Vite、Next、Nuxt、Astro、SvelteKit 与 Rspack,cn-font-replacer 更轻且支持 Node.js、Deno 与 Bun,按项目现状选一个,不要两个混用。
常见问题
- 免费可商用等于随便用吗?不等于。项目口径是只收免费可商用字体,但每款字体的具体授权仍以详情页导出的信息为准,涉及品牌与大流量产品时请再人工核对一次。
- 加载速度到底怎么样?关键在分包:整包字体直接加载必然慢,按需切分后浏览器只取当前页面用到的字形片段,首屏与带宽压力都会下来;上线前请用自己的页面实测一次,不要只看演示站。
- 想给项目加一款新字体怎么办?据源稿介绍,需要 Node.js 18 以上环境,提交 PR 后由维护者人工审核并上传字体;不是所有字体都会被收,免费可商用是硬门槛。
- Google Fonts 打不开能查吗?官网内置了 Google Fonts 查询,数据来自 FontSource 的 NPM 静态仓库,方便在部分地区也能检索 CSS 链接。
适合谁,不适合谁
适合:想给网站用上好看又合规的中文字体的开发者、需要原始字体文件做设计的设计师,以及被中文字体体积与授权折磨过的中文 Web 项目。不适合:只需要系统默认字体、对字形没有要求的人,这套工具链对你纯属多余;以及不愿核对授权、想“先上线再说”的人,字体授权问题越早上线后越难收拾。
获取下载链接:微信关注公众号「软件教程管家」,回复【Chinese Web Fonts Plan 中文网字计划】自动获取网盘链接

关注「软件教程管家」
回复软件名即取即下:网盘下载链接 + 提取码,一步直达,不用再跳转。
本站资源仅供个人学习交流,请勿用于商业用途。软件与资料版权归原作者所有;如有侵权,请通过公众号「软件教程管家」联系我们,我们将在 24 小时内下架处理。查看免责声明 ›







