用途:在构建或审查任何含文本的界面时,提供网页排版的判断原则与修复建议,涵盖字体选择与搭配、可变字体与 OpenType 特性、字号与间距、换行与标点、细节与可访问性。
主要能力:给出字体格式建议(网页用 .woff2,.woff 仅作旧浏览器回退,.ttf/.otf 为桌面原始格式);优先使用 CSS 属性而非原始特性标签,如 font-weight、font-optical-sizing、font-variant-numeric: tabular-nums;控制字体数量、字号与字重;使用语义化命名的字号阶梯;标题字号随层级递减;按角色设定行高(标题约 1.1,正文 1.5–1.6,且用无单位值);按字号调整字距;限制行宽约 60–75 字符;用 text-wrap: balance 处理标题、pretty 处理描述;对变化数值使用等宽数字;截断时保留完整值可达;用 text-transform 控制大小写并保留自然文本;从字体度量取用下划线位置与粗细;移动端输入框保持 16px 以避免 iOS 缩放;设定字号与对比度下限;在根布局统一字体平滑;设置 lang 与 dir 处理双向文本;默认保留文本可选中。
使用方式:按主题查阅对应参考文件(choosing-fonts.md、variable-fonts-and-opentype.md、spacing-and-sizing.md、wrapping-and-punctuation.md、details-and-accessibility.md、css-cheat-sheet.md、review-output.md)。修复应使用项目已有的样式体系,速查表提供各声明对应的 Tailwind 写法。审查时以阅读页面为主,检查层级、段落舒适度与不同视口下的换行、孤行和截断。
适用场景:字体挑选与搭配、可变字体与 OpenType 配置、排版审查与修复。
限制:文案措辞由 better-writing 负责,语义标题结构由 better-accessibility 负责,RTL 空间布局与逻辑 CSS 属性由 better-layout 负责,对比度测量与颜色修复由 better-colors 负责;本技能只负责文本的渲染、换行与混合方向行为。未提供具体安装命令或收费信息。