这是一个收集免费可商用的 Web 字体文件 的 GitHub 项目!在网页中,由于中文字符庞大的特性,能够被兼容和使用的中文字体非常有限。所以我们的项目使用了特殊的中文字体切割方式,使得任何网站都可以全站全文本字体覆盖!
中文网字计划期望在网络中为实现中文字体的繁荣而努力。为此,我们进行了大规模中文字体网络化的研究和实践,实现了许多字体工具和解决方案。
开发者只需要将字体源文件放置在 packages 文件夹下,项目将自动打包和分组。已发布到 NPM,欢迎广大开发者使用!
如果你是开发者,可以在官网查看字体,并且获取 Web 支持,直接引用 CSS 文件即可使用。
如果你是设计师,需要原始字体文件,你可以点击 Github 图标跳转下载
- 字体部署方案由 cn-font-split 项目提供。从项目初始, cn-font-split 就作为中文网字计划的功能提供,帮助我们实现了网络字体的合理部署。
- Imagekit.io 网站为我们的字体提供了静态文件解决方案,我们的字体部署于 Imagekit.io。
- 中文网字计划期待有一个公益的 CDN 能够持续提供免费的字体服务,像 Google Font 一样支持广大开发者。
Material Icons 和 Google Fonts 提供了非常良好的静态字体相关的服务给我们,但是部分地区并没有较好的方式进行 Google Fonts 的查看。
所以我们将 Google Fonts 的查询功能直接内置在我们的网页中,方便大家查询相关的 CSS 链接。其中采用了 FontSource 的 NPM 静态仓库进行相关数据和文件的获取,感谢 FontSource。
为了防止我忘记上传与部署方式,我将说明写在了 Developer.md 文件中。
我们只接收免费商用的字体
- 在 Issue 面板上标明字体链接和授权信息即可
注意,需要 node 18 以上的版本
- 准备字体链接和授权信息
- fork 该项目
npm i # 安装项目
- 按下面的代码启动
npm run new dyh # dyh 是字体的中文拼音的第一个英文组合
# 完成后将会在 packages 文件夹自动模板创建一个 dyh 文件夹
# 然后你在 packages/dyh/fonts 文件夹中放入您的字体文件
pnpm build --single=dyh # 尝试打包文件
- 提交 PR ,我们将会人工审核并上传字体
- 有些中文字体没有英文部分,所以需要英文部分可以结合 Google Fonts 进行使用。
- 使用 result.css 引入时,在同一个 DOM 上赋值两种字体可能会导致错误。
MIT License
请您尊重字体制作者的权益,我在制作的时候特地将字体文件的头部信息导出到了字体详情中,您可以详细查看制作者和授权等相关的数据。