Chinese Web Font

Overview

Chinese Web Font (中文网字计划) is a groundbreaking open-source project created by Jiang Xiayao (KonghaYao) that overcomes the decades-long performance barrier of CJK web typography. Because standard Chinese font files contain 20,000+ glyphs and weigh 10MB to 50MB, traditional web font loading was impractical. Chinese Web Font solves this via revolutionary multi-threaded font slicing (cn-font-split), bundler plugins (vite-plugin-font), and high-speed public CDN delivery.

Key Features

• Sub-Second Dynamic Slice Loading: Automatically splits massive Chinese fonts into hundreds of tiny WOFF2 unicode-range chunks, loading only the characters rendered on-screen.
• Universal Build Toolchain: Official integrations for Vite, Next.js, Nuxt, Astro, SvelteKit, and Rspack via vite-plugin-font.
• Free High-Speed CDN Network: Provides free global and mainland-optimized CDN distribution for popular open-source Chinese fonts (LXGW WenKai, MiSans, HarmonyOS Sans, Source Han Sans, etc.).
• Zero Layout Shift (CLS)：Preserves OpenType font metrics and vertical metrics to eliminate layout jitter during asynchronous chunk streaming.

Installation & Quick Start

<!-- Example: Load LXGW WenKai (霞鹜文楷) via Chinese Web Font CDN -->
<link rel="stylesheet" href="https://cn-font.claude-code-best.win/packages/lxgwwenkai/dist/LXGWWenKai-Regular/result.css" />

# Or optimize your own local font files via CLI
npm install -g cn-font-split
cn-font-split -i ./custom-font.ttf -o ./dist-font

/* Apply in stylesheet */
body {
  font-family: 'LXGW WenKai', system-ui, sans-serif;
}

Why Choose Chinese Web Font?

• Extreme DX & Loading Speed: Reduce Chinese font payload from 15MB down to less than 60KB on initial pageview.
• Production-Ready & Enterprise Friendly: Eliminates bandwidth costs and delivers modern typography on any static or server-rendered website.