Chinese Web Font (中文网字计划)

项目概述

中文网字计划 (Chinese Web Font) 是由开发者江夏尧（@KonghaYao）主导的开源全方位中文字体 Web 解决方案。由于中文字库字符量极其庞大（单套字体通常在 10MB ~ 50MB 之间），长期以来中文网页无法像西文一样轻松加载个性化网络字体。中文网字计划通过自研划时代的字体多线程切片引擎 cn-font-split、构建插件 vite-plugin-font 以及覆盖全国的高速免费 CDN 节点，实现了中文字体毫秒级按需流式分块加载。

核心特性

• ⚡️ 毫秒级按需分片加载：通过 unicode-range 智能切分算法将庞大字体包切分为上百个极小 WOFF2 碎片，页面仅请求当前屏幕渲染字符，首屏字载荷从 20MB 直降至 50KB 级别。
• 🛠️ 全链路工程构建支持：原生适配 Vite、Next.js、Nuxt、Astro、SvelteKit 及 Rspack 等全主流现代前端构建体系。
• 🌐 免费高可用公共 CDN 节点：官方托管了包括霞鹜文楷、鸿蒙黑体、思源黑体、思源宋体在内的海量常用开源字体，几行 CSS 即可直连调用。
• 📐 无累积布局偏移 (Zero CLS)：精准保留 OpenType 字形度量数据与垂直对齐参数，字体动态加载过程中无闪烁、无跳变。

快速上手与使用示例

<!-- 通过中文网字计划 CDN 引入霞鹜文楷 (LXGW WenKai) -->
<link rel="stylesheet" href="https://cn-font.claude-code-best.win/packages/lxgwwenkai/dist/LXGWWenKai-Regular/result.css">

# 或使用命令行工具本地自动化切分私有字体
npm install -g cn-font-split
cn-font-split -i ./SourceHanSans.otf -o ./public/fonts/source-han

/* 在项目中全局使用分包后的中文字体 */
body {
  font-family: 'LXGW WenKai', system-ui, -apple-system, sans-serif;
  text-rendering: optimizeLegibility;
}

技术选型建议与适用场景

• 中文博客、文档站与设计官网：让中文网站拥有媲美西文站点的精致字形与排版设计，同时首屏评分维持在 Lighthouse 95+。
• 前端工程性能优化：替代传统整包打包或图片化字体的低效方案，以极低 CDN 成本获得原生 Web Font 体验。