SuperAPI AI 工具集

typography

设计与创作

查看项目

更新于 10-15 19:52

技能介绍

用途:为产品界面与文章设置排版,目标是可读性与节奏感。核心主张是层级优先由字重和灰度承载,字号是最后手段;多数产品 UI 不需要展示级大字号。

主要能力:定义封闭的字号阶梯(6–8 级);行高用无单位值并按角色分档(正文 1.5–1.6,标题约 1.1,单行盒状标签为 1);阅读行宽上限约 65ch;字距只用于两端(展示级约 -0.015em,小型大写标签 0.06em,正文为 0);原地变化的数字使用 font-variant-numeric: tabular-nums;通过 font-weight、font-optical-sizing 等高层属性请求,而非原始轴标签;根节点声明 font-synthesis: none 禁止合成粗体斜体;字体用 woff2 并子集化,首屏字体预加载并做度量匹配回退。

使用方式:先识别项目既有样式写法(Tailwind 工具类、@theme、CSS 自定义属性、CSS Modules、styled-components、生成 token),所有修改用同一机制表达,不引入第二套样式系统。参考文件包括 scale-and-rhythm.md、line-behavior.md、typefaces-and-loading.md、font-capabilities.md、tailwind-map.md。

适用场景:产品 UI 排版修复、字号阶梯与行高整理、字体加载与回退、数字对齐、多语言与 RTL 文本处理。

限制:字体家族选择与品牌表达属于 brand-identity;文案属于 ui-copy;对比度归 color。移动端输入文字不小于 16px,不得用 maximum-scale=1。截断需提供查看完整文本的途径。资料未提供具体安装命令或代码示例。