深色模式
ZeoSeven Fonts API
使用 ZSFT 的公益 FontsAPI 快速地让 Web 应用程序 UI 拥有它们!
FontsAPI 也称为 “字体 API”。
使用
现在就 浏览字体 找到喜欢的字体并点击 “嵌入到 Web 项目” 按钮。
集成
对比
| 方法 | 无阻塞 | 无闪烁 | 高优先级 |
|---|---|---|---|
| 常规 CSS | ❌ | ✅ | ✅ |
| HTML 强化 | ✅ | ❌ | ❌ |
高优先级代表加载字体的时机更早,但容易导致主内容渲染阻塞。
常规 CSS
这是最通用也是推荐的方法,任何字体都会提供此选项,可以将它使用在 .css 文件或 HTML 的 style 中。
- URI 模式:当是小型字体时,会尝试声明所有字重,并 URI 编码为一个字符串,实现和大型字体同样的
@import效果。
HTML 强化
此选项可以解决常规 link 加载 CSS 阻塞渲染的问题,但可能导致字体闪烁,同时使用 noscript 标签确保兼容性。仅在大型字体中提供。
英文子集化
WARNING
英文子集化已在 2025-11-24 后被弃用,可参阅 ZeoSeven Blog。
私有部署
不希望向第三方发送数据?使用 ZSFT CLI 创建私有部署。