# Font Loading Protocol · CN-friendly, GFW-tolerant
> **目标**：让 IFQ Design Skills 的产出在中国大陆、企业内网、离线环境下都能流畅打开，不因为 Google Fonts 被墙就白屏 / 长时间空转 / 字体巨丑。
>
> **核心原则**：Google Fonts 是「锦上添花」，不是「render 前提」。永远先用强健的系统字体栈托底，再异步增强。
---
## 0 · 决策树
```
任务涉及交付 HTML？
├─ 用户在中国大陆 / 内网 / 离线？ → 走「Tier A · 系统字体优先」（可完全去掉 Google Fonts）
├─ 用户在海外 / 不确定网络？ → 走「Tier B · 非阻塞渐进增强」（默认）
└─ 必须像素级匹配 Newsreader/Inter？ → 走「Tier C · 自托管子集」（高级）
```
**默认走 Tier B**。所有 8 个模板与本仓库 demo 都已按 Tier B 改造，agent fork 后**无需再做额外工作**。
---
## 1 · Tier A · 系统字体优先（中国友好 · 零网络依赖）
完全不引入 Google Fonts，靠 `ifq-tokens.css` 里的多语言系统栈。`Noto Serif SC` / `Songti SC` / `PingFang SC` 在 macOS / iOS / 部分 Windows 自带，Linux 多发行版也有 `Noto` 全家桶。
**启用方式**：把 `` 整段删掉，保留 `ifq-tokens.css` 的 `--ifq-font-*` 变量。
**何时强烈推荐**：
- 用户明确说「我在国内 / 网不好 / 不要外链 CDN」
- 离线 / 内网交付
- VirusTotal / 企业 SOC 审查的纯文本资产
- 印刷物（Tier A 永远更稳）
---
## 2 · Tier B · 非阻塞渐进增强（默认）
页面 render **不等** Google Fonts。如果 CDN 通就 swap 进来；不通就保持系统字体，用户视觉上几乎无感。
**统一片段**（可直接复制进 ``）：
```html
```
**为什么这套写法安全**：
- `media="print"` 让浏览器把它当打印样式 → 不阻塞首屏 render
- `onload="this.media='all'"` 加载完才提升为正式样式（Filament Group / web.dev 推荐写法）
- 无 `eval` / `Function` / `document.write`，VirusTotal、企业内容安全策略不会告警
- 无 `