用途：为产品建立确定性的排版系统规则，覆盖模块化字号比例、流体字号、可变字体轴、OpenType 特性、Web 字体加载与换行控制。
主要能力：提供模块化比例参考（1.125 至 1.618，密集 UI 用小比例、编辑内容用大比例）；流体字号配方 font-size: clamp(MIN_REM, BASE_REM + SLOPE_VW, MAX_REM)，要求 MIN/MAX 用 rem、混合 rem 与 vw、MAX ≥ 2×MIN 以满足 WCAG 1.4.4 缩放，并给出按步长索引的 CSS 变量示例。可变字体注册轴优先用简写：wght 用 font-weight、wdth 用 font-stretch、slnt 用 font-style: oblique、ital 用 font-style: italic、opsz 用 font-optical-sizing: auto；font-variation-settings 仅用于自定义轴，且同一轴不得混用两种机制。OpenType 特性优先用 font-variant-*（小型大写、表格数字、连字、分数、上下标等），font-feature-settings 仅保留给 ssNN、cvNN 等无对应关键字的特性。字体加载给出 font-display 取值矩阵（LCP 文本用 swap 并预加载，首屏非 LCP 用 optional，折叠下方用 fallback，禁用 block/auto），预加载需 as="font"、type="font/woff2" 与 crossorigin，且只预加载 LCP 关键字体。CLS 安全回退用 size-adjust 配合 ascent/descent/line-gap-override。换行用 text-wrap: balance（标题，行数有上限）、pretty（正文）、stable（可编辑区）、nowrap（标签）。
使用方式：以 CSS 自定义属性输出字号阶梯，配合 @font-face 与预加载链接落地；文中给出完整排版系统、可变字体加度量匹配回退、自定义轴三个模式示例。
适用场景：产品 UI、营销页、编辑长文等需要统一排版与稳定 Core Web Vitals 的前端实现。
限制：依赖 [[frontend-impl-design-tokens]] 与 [[frontend-perf-core-web-vitals-inp]] 等关联技能；ascent-override 等描述符在 2026 年仍属有限可用，需渐进增强；text-wrap: balance 超出浏览器行数上限会静默回退；具体字体文件与体积数据暂未提供。