"字体预加载与 CORS：link rel=preload 的跨域与 MIME 要求"
"总结字体预加载的正确使用方式与跨域要求，解释 `crossorigin` 与 `font/woff2` MIME 的必要性，并给出在 PWA 与 CDN 场景下的工程实践。"
字体
Next.js 15 next-font 可变字体与预加载策略实践 variable-font preload
使用 next/font 引入可变字体并结合预加载与显示策略，统一字体令牌与样式治理，降低 FOUT/CLS 并提升可读性与性能。
Next.js next-font 优化与本地字体策略
引言`next/font` 提供内置的字体优化（包含子集化与预加载），并支持本地与第三方字体的统一管理；合理策略可提升首屏与文本渲染稳定性。能力与配置（已验证）本地与第三方：支持本地字体（`local`）与 Google Fonts 等远程源，自动生成最佳实践的 CSS。来源：Next.js 文档（
"Local Font Access API：本地字体枚举与隐私注意"
"说明本地字体访问的权限与枚举流程、返回字段与使用场景、隐私边界与兼容回退，并给出示例与参考。"
字体性能优化（子集化、font-display、变量字体与 unicode-range）
通过字体子集化、font-display、变量字体与 unicode-range 优化加载与渲染，降低 LCP 并避免 FOIT/FOUT。
"字体子集优化：@font-face unicode-range 与体积控制"
"介绍使用 `unicode-range` 为不同字符集提供独立字体子集，降低下载体积与首屏阻塞；说明 MIME 与跨域以及与 font-display 的协作。"
字体加载与显示策略：font-display 与子集化
介绍字体加载的常见问题与解决策略，使用 `font-display` 选择最佳显示行为，并通过 WOFF2 与子集化降低体积与阻塞。
"变量字体优化：Variable Fonts 的轴与性能实践"
"介绍变量字体的基本概念与常用轴（wght/ital/opsz 等），说明 `font-variation-settings` 的用法与性能优势，并给出工程与可访问性注意。"
"Web 字体加载优化：font-display、preload 与子集化"
"系统介绍 Web 字体加载的策略与取舍，结合 font-display 与 preload 的协作、子集化与中文场景的分包实践，并给出对 LCP 的影响与验证来源。"
