Web 字体优化：font-display、子集化与可变字体（Variable Fonts）实践
实施 Web 字体优化，从 font-display 与预加载到子集化与可变字体，系统化降低首屏阻塞与体积开销，并提供可验证的渲染与性能指标
子集
"Web 字体加载优化：font-display、preload 与子集化"
"系统介绍 Web 字体加载的策略与取舍，结合 font-display 与 preload 的协作、子集化与中文场景的分包实践，并给出对 LCP 的影响与验证来源。"
字体加载与显示策略：font-display 与子集化
介绍字体加载的常见问题与解决策略，使用 `font-display` 选择最佳显示行为，并通过 WOFF2 与子集化降低体积与阻塞。
"字体子集优化：@font-face unicode-range 与体积控制"
"介绍使用 `unicode-range` 为不同字符集提供独立字体子集，降低下载体积与首屏阻塞；说明 MIME 与跨域以及与 font-display 的协作。"
字体性能优化（子集化、font-display、变量字体与 unicode-range）
通过字体子集化、font-display、变量字体与 unicode-range 优化加载与渲染，降低 LCP 并避免 FOIT/FOUT。
