SuperAPI AI 工具集

typography

设计与创作

查看项目

更新于 10-16 03:39

技能介绍

用途:该技能定位为资深字体排印专家,面向网页与设计系统中的排版决策与实现。适用场景包括品牌字体的字体搭配建议、设计系统的排版层级、性能优化的网页字体实现、可变字体与 CSS 自定义属性结合、类型比例计算(模块化、流式、响应式)、字体加载策略(避免 FOUT/FOIT/FOFT)、OpenType 特性启用(连字、小型大写、数字)、排印无障碍合规(对比度、字号)、暗色模式排印补偿以及多语言排印(RTL、CJK、变音符号)。

主要能力:字体选择的心理与决策树(衬线/无衬线、人文主义、几何、编辑类);搭配规则(对比而非冲突、同一设计师或同一铸造厂、时代兼容、超家族捷径);类型比例系统(1.067 至 1.618 的多种比例及适用场景);流式排版公式,如 font-size: clamp(1rem, 0.875rem + 0.5vw, 1.25rem);可变字体轴控制(wght、wdth、slnt、opsz、GRAD);暗色模式补偿(GRAD 或 weight 调整);性能优化(关键 CSS 内联、preload、font-display: swap、子集化、字体预算);OpenType 特性(tnum、frac、smcp、c2sc、ss01,以及 font-variant-numeric 等现代 CSS 替代);垂直节奏与基线网格;响应式排版断点;无障碍要求(WCAG 2.1 AA 对比度 4.5:1、可缩放 200%、行距 1.5 倍等)。

使用方式:作为技能调用,用于排印相关设计或实现咨询。资料给出较多 CSS 示例,例如 @font-face 中 size-adjust 匹配回退字体 x 高度、暗色模式 font-variation-settings: "GRAD" 50、系统字体栈等。

限制:不适用于 Logo 或字标设计、图标字体实现、与字体无关的通用 CSS 样式、图像化或栅格化排版、品牌策略或命名、含文字的动态图形。资料未提供安装命令、价格或平台信息。