Skip to content

CheneyLin/chinese-free-web-font-storage

 
 

Repository files navigation

中文网字计划 v4

Netlify 网页

简介

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

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

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

项目目标

  • Github Action 自动打包字体文件
  • ttf 文件支持,woff2 文件支持
  • 使用更好的 CDN 加速字体渲染!
  • 联合 FontSource 项目,加载 Google Fonts!

我如何用?

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

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

字体版权

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

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

您想要添加字体?

请在 Gitee 或者 Github 上提供字体的下载链接和版权声明,如果我有空会帮您的。

当然,您也可以直接 PR 一个分支,审核后会加入的。

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

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

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

About

这是一个放置中文免费 web 字体的库,可以通过 css 载入。This is a library for placing Chinese free Web fonts, which can be loaded with CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%