SuperAPI AI 工具集

flexible-typography

设计与创作

查看项目

更新于 10-16 03:14

技能介绍

用途:帮助设计可随用户需求变化的排版系统,让文字在放大、增加间距或更换字体时仍保持可读且不破坏布局。

主要能力:规定字号使用 rem、随文字缩放的间距使用 em,禁止用 px 设置字号;正文最小 1rem,小字与标签最小 0.875rem;正文行高至少 1.5,标题 1.2–1.3,行高用无单位值;段间距至少为字号的 1.5 倍,不压缩字距与词距,并满足 WCAG 2.1 AA 1.4.12。还提供可缩放字阶(如 0.875rem、1rem、1.25rem、1.5rem、2rem、2.5rem)、用户覆盖安全做法(文本容器用 min-height 而非固定 height)、字体选择建议(字符区分度、x-height、字体栈优雅降级)以及深色模式排版建议(略降字重、对比度至少 4.5:1、避免纯白配纯黑)。

使用方式:按上述规则编写 CSS,并用 200% 文字大小、200% 缩放、额外字距与词距进行测试;若布局破坏则需修正 CSS。

适用场景:设计字体系统、设定字号、定义行高与间距、构建无障碍界面。

限制:资料未提供具体安装命令、代码示例、平台支持范围或收费信息。