chinese free web font storage

Chinese website plan v5

Netlify Web Page

Introduction

This is a GitHub project that collects free commercially available web font files ! In web pages, due to the huge characteristics of Chinese characters, there are very limited Chinese fonts that can be compatible and used. Therefore, our project uses a special Chinese font cutting method, so that any website can cover all the website and all text fonts!

The Chinese Web Word Project hopes to work hard on the Internet to achieve the prosperity of Chinese fonts. To this end, we have carried out research and practice on large-scale Chinese font networking and implemented many font tools and solutions.

1. Chinese font cutting plugin @konghayao/cn-font-split
2. Supports vite-plugin-font for Vite, Nest, Nust, Webpack

The developer only needs to place the font source file in the packages folder, and the project will be automatically packaged and grouped. It has been published to NPM, and developers are welcome to use it!

How do I use it?

If you are a developer, you can view the fonts on the official website and obtain web support, and directly reference the CSS file to use it.

If you are a designer and need the original font file, you can click the Github icon to jump to download

Code Contributor

Technical related

1. The font deployment scheme is provided by the cn-font-split project. From the beginning of the project, cn-font-split is provided as a function of the Chinese web font plan, helping us realize the rational deployment of network fonts.
2. The Imagekit.io website provides static file solutions for our fonts, and our fonts are deployed on Imagekit.io.
3. The Chinese Netzi Plan expects a public welfare CDN to continue to provide free font services and support developers like Google Font.

Material Icons and Google Fonts

Material Icons and Google Fonts provide us with very good static font-related services, but some regions do not have a better way to view Google Fonts.

So we built the query function of Google Fonts directly into our web page to facilitate everyone to query related CSS links. Among them, the NPM static repository using FontSource is used to obtain relevant data and files. Thanks to FontSource.

Development and cooperation

Developer Documentation

To prevent me from forgetting how to upload and deploy, I wrote the instructions in the Developer.md file.

Do you want to add fonts?

We only accept free commercial fonts

Submit an issue directly

1. Just indicate the font link and authorization information on the Issue panel

Submit a PR

Note that a version above node 18 is required

1. Prepare font links and authorization information
2. fork this project

npm i # 安装项目

3. Press the following code to start

npm run new dyh # dyh 是字体的中文拼音的第一个英文组合
# 完成后将会在 packages 文件夹自动模板创建一个 dyh 文件夹

# 然后你在 packages/dyh/fonts 文件夹中放入您的字体文件

pnpm build --single=dyh  # 尝试打包文件

4. Submit PR, we will manually review and upload fonts

Things to note

1. Some Chinese fonts do not have an English part, so the English part needs to be used in combination with Google Fonts.
2. When introduced with result.css, assigning two fonts on the same DOM may cause an error.

Certificate

Warehouse certificate

MIT License

Font copyright

Please respect the rights and interests of font makers. When I was making the production, I specially exported the header information of the font file to the font details. You can view the maker and authorization related data in detail.