用途:为代码库产出可用的字号比例(type scale),把令牌接入现有样式系统并应用到真实的标题、正文与界面文字,而非写一篇排版理论文章。核心原则:字号来自按产品密度选定的模块化比例;可读性约束(行高、行宽、对比度)不可妥协,优先于美观。
适用场景:字号比例、字体选择与加载、标题层级、可读性修复、流体字号。若尚无令牌基础设施,先运行 skills/frontend-design/design-foundation;文字颜色对比度问题与 skills/frontend-design/color-system 共享;标题尺寸正确但页面扫描性差时转 skills/frontend-design/visual-hierarchy-refactoring。
主要能力与用法:先检查代码库,统计字号数量(超过 8–10 种即为散乱)、查找字体与加载方式、检查行高与行宽、复用已有令牌,并从界面判断产品密度。按密度选比例:密集数据应用 1.125–1.2,标准产品 UI/SaaS 1.25,营销落地页 1.25–1.333,编辑/品牌类 1.414–1.618。由 base × ratio^n 生成后取整,基准 16px(密集数据可 14px 正文),补充 xs(12)、sm(14)。行高与字号反向搭配:正文 1.5–1.7,小标题 1.3,大标题 1.1–1.2,标签 1.4,并随字号令牌一起交付。≥31px 的标题用 clamp(min, preferred vw, max) 实现流体,正文保持固定。字体不超过 2 个家族、3–4 个字重,用框架优化器(如 next/font)或 preload + font-display: swap 加载。
交付要求:输出代码加摘要,含令牌文件路径与完整代码、比例决策(密度、比例、基准、层级、字体与加载)、迁移映射表、已应用文件、验证结果。质量门槛:总字号 ≤8–10 且全部在比例上;正文 ≥16px;行高符合上述范围;行宽 45–75ch;对比度正文 ≥4.5:1、大字 ≥3:1;大标题略负字距,全大写标签略正字距。
限制:资料未提供具体价格、平台支持范围或效果数据;字体配对表、可变字体与 OpenType 细节见 references/type-details.md。