konghayao / chinese-free-web-font-storage Goto Github PK

中文网字计划 (Chinese Webfont Project) 是一个免费的中文 web 字体库，支持在线加载及查看字体信息。Explore our free CJK web font library that enables online loading and font information viewing.

Home Page: https://chinese-font.netlify.app/

License: MIT License

JavaScript 100.00%

webfont css chinese-fonts font fonts html cjk-font free-fonts self-hosted

chinese-free-web-font-storage's Introduction

中文网字计划 v5

Netlify 网页

简介

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

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

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

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

项目目标

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

我如何用？

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

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

代码贡献者

技术相关

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

Material Icons 和 Google Fonts

准备完成的部分

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

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

注意事项

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

证书

仓库证书

MIT License

字体版权

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

开发与合作

开发者文档

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

您想要添加字体？

直接提交一个 issue

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

提交一个 PR

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

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

npm i # 安装项目

按下面的代码启动

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

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

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

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

chinese-free-web-font-storage's People

Contributors

Stargazers

Watchers

Forkers

ccf0515 sanhuhong gaoconggit shenyeah oodavidsinoo cheneylin chinese-font ispoto lwd-temp wzxwj prinorange weekdaycare lulu546 odoochain

chinese-free-web-font-storage's Issues

新免费商用字体「京華老宋体」

字体作者：TeririW
介绍页：https://zhuanlan.zhihu.com/p/637491623
下载：https://drive.google.com/file/d/1WQu8_LaS5JRn9Fd03cxWpT4LA9H9HC7T/view?pli=1

项目上好像没有添加字体的入口，只能在 GitHub 上吗？

【添加字体】也字工厂小石头体、飞波正点体

想看您所有前端作品

您说自己是国风前端开发者，我看了您的中文网字和古诗两个网站，确实是设计风格鲜明的网页

我很喜欢您的设计，我想看更多，比如未公开或您曾经开发过的作品。

如需保密，可签署保密协议，请务必让我看您作品

通过您项目，我开发了一个打字方案的配套软件网页，感谢您！

https://singbit.pages.dev/singbitK

文档错误

branch分支中，readme.md的链接打不开

Netlify 网页](https://chinese-font.netlify.app/#/home)
Gitee 主页](http://dongzhongzhidong.gitee.io/chinese-free-web-font-storage)

网站字体列表页，safari 无法预览

问题：

在网站字体列表页，safari 无法预览，字体列表栏白屏

如下：

鼠标悬停有效果

环境：
MacOS 14.3.1 (23D60)
Safari 17.3.1 (19617.2.4.11.12)

Workaround：
目前暂时通过 inspect element 解决……

【文档】改善文档排序

【online-split】添加打包速度记录

添加打包速度记录功能，在完成打包之后，上传服务器存储打包数据，提供打包速度分析

【添加灵感网站】测试

测试 | 测试
测试

【NPM引入加速】可以通过UNPKG的全球CDN进行引入

我刚查看官网文章：不建议通过npm包的方式引入字体文件，考虑到的是大小和速度问题。可以使用https://www.unpkg.com/来进行CDN加速，比如引入猫啃字体：

@import url("https://www.unpkg.com/@chinese-fonts/[email protected]/dist/MaoKenTangYuan/result.css");

:root {
  --vp-font-family-base: 'MaoKenTangYuan (beta)';
  /* --vp-font-family-mono: 'jiangxizhuokai'; */
}