chinese free web font storage

中文網字計劃v5

Netlify 網頁

簡介

這是一個收集免費可商用的Web 字體文件的GitHub 項目！在網頁中，由於中文字符龐大的特性，能夠被兼容和使用的中文字體非常有限。所以我們的項目使用了特殊的中文字體切割方式，使得任何網站都可以全站全文本字體覆蓋！

中文網字計劃期望在網絡中為實現中文字體的繁榮而努力。為此，我們進行了大規模中文字體網絡化的研究和實踐，實現了許多字體工具和解決方案。

1. 中文字體切割插件@konghayao/cn-font-split
2. 支持Vite、Nest、Nust、Webpack 的vite-plugin-font

開發者只需要將字體源文件放置在packages 文件夾下，項目將自動打包和分組。已發佈到NPM，歡迎廣大開發者使用！

我如何用？

如果你是開發者，可以在官網查看字體，並且獲取Web 支持，直接引用CSS 文件即可使用。

如果你是設計師，需要原始字體文件，你可以點擊Github 圖標跳轉下載

代碼貢獻者

技術相關

1. 字體部署方案由cn-font-split 項目提供。從項目初始， cn-font-split 就作為中文網字計劃的功能提供，幫助我們實現了網絡字體的合理部署。
2. Imagekit.io 網站為我們的字體提供了靜態文件解決方案，我們的字體部署於Imagekit.io。
3. 中文網字計劃期待有一個公益的CDN 能夠持續提供免費的字體服務，像Google Font 一樣支持廣大開發者。

Material Icons 和Google Fonts

Material Icons 和Google Fonts 提供了非常良好的靜態字體相關的服務給我們，但是部分地區並沒有較好的方式進行Google Fonts 的查看。

所以我們將Google Fonts 的查詢功能直接內置在我們的網頁中，方便大家查詢相關的CSS 鏈接。其中採用了FontSource 的NPM 靜態倉庫進行相關數據和文件的獲取，感謝FontSource。

開發與合作

開發者文檔

為了防止我忘記上傳與部署方式，我將說明寫在了Developer.md 文件中。

您想要添加字體？

我們只接收免費商用的字體

直接提交一個issue

1. 在Issue 面板上標明字體鏈接和授權信息即可

提交一個PR

注意，需要node 18 以上的版本

1. 準備字體鏈接和授權信息
2. fork 該項目

npm i # 安装项目

3. 按下面的代碼啟動

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

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

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

4. 提交PR ，我們將會人工審核並上傳字體

注意事項

1. 有些中文字體沒有英文部分，所以需要英文部分可以結合Google Fonts 進行使用。
2. 使用result.css 引入時，在同一個DOM 上賦值兩種字體可能會導致錯誤。

證書

倉庫證書

MIT License

字體版權

請您尊重字體製作者的權益，我在製作的時候特地將字體文件的頭部信息導出到了字體詳情中，您可以詳細查看製作者和授權等相關的數據。