这是一个用于 MobyLink 的 Web fonts 字体子集化仓库。我们将原始字体文件进行子集化处理,生成适用于 Web 的轻量级 woff2 字体文件,并提供自动生成的 CSS 引用。
- 字体子集化:使用
cn-font-split将字体文件按需切分,大幅减小加载体积。 - 格式转换:输出 Web 友好的
woff2格式。 - 自动 CSS:生成包含所有字体引用的
fonts.min.css以及单字体的 CSS 文件。
在你的 HTML <head> 中引入以下 CSS 文件即可使用所有字体:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/MobyLink/fonts/build/css/fonts.min.css">或者,如果你只需要某个特定的字体,可以单独引用(将 {FontName} 替换为下方列表中的字体名):
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/MobyLink/fonts/build/css/{FontName}.css">| 字体名 (CSS Font Family) | 用途 | 原始字体 |
|---|---|---|
Fredoka |
品牌 | Fredoka |
ZCOOLQingKeHuangYou |
品牌 | 站酷庆科黄油体(1.0 版本,下载自 Google Fonts) |
KingHwaOldSong |
标题 | 京华老宋体 |
Xiaolai |
正文 | 小赖字体 |
:root {
--font-brand: 'Fredoka', 'ZCOOLQingKeHuangYou', sans-serif;
--font-heading: 'KingHwaOldSong', serif;
--font-base: 'Fredoka', 'Xiaolai', cursive;
}本项目使用 Node.js 进行构建。
npm install运行构建脚本,处理 assets 目录下的字体文件,并将结果输出到 build 目录。
node scripts/build.mjs构建产物结构:
build/fonts/{FontName}/: 包含切分后的 woff2 字体文件。build/css/: 包含 CSS 引用文件。
- cn-font-split: 字体子集化工具,支持 woff2 格式输出。
本仓库仅提供字体子集化处理,字体版权归原作者所有。
- Fredoka: SIL Open Font License 1.1
- 站酷庆科黄油体: SIL Open Font License 1.1
- 京华老宋体: 免费商用 (KingHwaOldSong)
- 小赖字体: SIL Open Font License 1.1
请在使用前仔细核对各字体的授权许可。