SuperAPI AI 工具集

better-typography

设计与创作

查看项目

更新于 10-15 23:42

技能介绍

用途:为网页文本选择字体、设定排版规则并进行评审,覆盖字体选择与搭配、可变字体与 OpenType 特性、字号与间距、换行与标点、细节与可访问性等主题,附带 CSS 属性速查表及 Tailwind 对应写法。

主要能力:判断字体格式(Web 优先 .woff2);用 font-weight、font-optical-sizing、font-variant-numeric 等属性替代原始字体特性标签;设置字号节奏与语义化命名、标题层级递减;按角色设定行高(标题约 1.1,正文 1.5–1.6,可换行文本至少 1.4);控制行长(60–75 字符);使用 text-wrap: balance 与 pretty;对会变化数值使用 tabular-nums;多行截断与提示;智能标点;下划线 from-font 与 skip-ink;移动端输入框保持 16px;根布局字体平滑;lang 与 dir、bdi 处理双向文本;保留文本可选中。

使用方式:先按项目既有样式体系表达改动(Tailwind、CSS、CSS Modules、styled-components 或 StyleX),不引入第二套方案。评审以阅读页面为主:眯眼检查层级、通读一段检查舒适度、调整视口检查换行与截断。独立评审按“发现—验证—结论”输出,按原则分组表格列出严重级别、位置、修改前、修改后与原因。

适用场景:构建或审查含文字的网页界面,特别是涉及字体加载、标题层级、长文阅读、动态数值与多语言方向的场景。

限制与边界:文字内容本身由 better-writing 负责,语义化标题结构由 better-accessibility 负责,RTL 空间布局与逻辑属性由 better-layout 负责,对比度测量与配色修正由 better-colors 负责;本技能只管文本如何渲染、换行与在混合方向内容中的行为。资料未说明收费、价格、平台支持范围或具体效果指标。