中文网字计划 v5

Netlify 网页

简介

这是一个收集免费可商用的 Web 字体文件 的 GitHub 项目！在网页中，由于中文字符庞大的特性，能够被兼容和使用的中文字体非常有限。所以我们的项目使用了特殊的中文字体切割方式，使得任何网站都可以全站全文本字体覆盖！

中文网字计划期望在网络中为实现中文字体的繁荣而努力。为此，我们进行了大规模中文字体网络化的研究和实践，实现了许多字体工具和解决方案。

中文字体切割插件 @konghayao/cn-font-split

开发者只需要将字体源文件放置在 packages 文件夹下，项目将自动打包和分组。已发布到 NPM，欢迎广大开发者使用！

项目目标

• 提供在线分包功能
• 网站对打包后的字体进行数据分析展示
• 网站免费对外提供 CDN 链接
• 使用更好的 CDN 加速字体渲染！(使用 LightCDN ，速度飞快)
• ttf 文件支持，woff2 文件支持
• 联合 FontSource 项目，加载 Google Fonts！

我如何用？

如果你是开发者，可以在官网查看字体，并且点击 Web 支持

如果你是设计师，需要原始字体文件，你可以点击 Github 图标跳转下载

代码贡献者

技术相关

1. 字体部署方案由 cn-font-split 项目提供。从项目初始， cn-font-split 就作为中文网字计划的功能提供，帮助我们实现了网络字体的合理部署。
2. Imagekit.io 网站为我们的字体提供了静态文件解决方案。我们的字体部署于 Imagekit.io。
3. 在中文网字计划中使用的 CDN 是 LightCDN，每个月有 60GB 以上的流量，速度还行，稳定性确实靠谱。

Material Icons 和 Google Fonts

准备完成的部分

Material Icons 和 Google Fonts 提供了非常良好的静态字体相关的服务给我们，但是部分地区并没有较好的方式进行 Google Fonts 的查看。

所以我们将 Google Fonts 的查询功能直接内置在我们的网页中，方便大家查询相关的 CSS 链接。其中采用了 FontSource 的 NPM 静态仓库进行相关数据和文件的获取，感谢 FontSource。

注意事项

1. 有些中文字体没有英文部分，所以需要英文部分可以结合 Google Fonts 进行使用。
2. 使用 result.css 引入时，在同一个 DOM 上赋值两种字体可能会导致错误。

证书

仓库证书

MIT License

字体版权

请您尊重字体制作者的权益，我在制作的时候特地将字体文件的头部信息导出到了字体详情中，您可以详细查看制作者和授权等相关的数据。

开发与合作

开发者文档

为了防止我忘记上传与部署方式，我将说明写在了 Developer.md 文件中。

您想要添加字体？

直接提交一个 issue

1. 准备字体链接和授权信息即可 2. 我们只接收免费商用的字体，会人工校验一遍。

提交一个 PR

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

1. 准备字体链接和授权信息 2. 我们只接收免费商用的字体，会人工校验一遍。
2. fork 该项目

npm i # 安装项目

3. 按下面的代码启动

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

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

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

4. 提交 PR ，我们将会人工审核并上传字体