字体性能优化（子集化、font-display、变量字体与 unicode-range）

字体性能优化（子集化、font-display、变量字体与 unicode-range）关键实践与参数子集化：使用 `pyftsubset` 生成仅含必要字形的 WOFF2；减少体积。font-display：`swap/optional` 避免 FOIT；关键字体可用 `swap`。变量字体：以单文件覆盖多粗细，减少请求与体积。unicode-range：按字符域拆分字体，按需加载不同区域字形。示例<link rel="preload" href="/fonts/app-subset.woff2" as="font" type="font/woff2" crossorigin> <style> @font-face { font-family: 'App'; src: url('/fonts/app-subset.woff2') format('woff2'); font-display: swap; unicode-range: U+4E00-9FFF; /* CJK */ } </style> 验证方法DevTools 查看字体请求体积与时序；监测 LCP 与文本渲染时间。观察 FOUT/FOIT 现象；切换 `font-display` 并对比效果。A/B 测试变量字体与多文件方案的性能差异。注意事项谨慎子集化，保留必要字符与符号；避免渲染缺字。字体版权与许可遵循；避免非法分发。与缓存与预加载协同，控制带宽竞争。