用途:在排版文字流中,用自定义形状替换原本应为字符的位置。形状继承所在行的基线与大写高度,因此读起来像单词的一部分,而不是单独的装饰元素。
主要能力:支持指定宿主词、替换位置(如空格前或字符索引)、替换类型(capsule、logo-glyph、icon)、以 em 为单位的宽高、填充色、旋转角度,以及入场缓动与延迟帧数。行为上先渲染带占位符的宿主词,再将替换形状作为与占位符边界框匹配的行内块元素渲染,并对替换形状的缩放或旋转做入场动画,单词其他字符不动画。
使用方式:通过参数对象配置,例如 host_word、substitution_position、substitution_kind、substitution_size_x_em、substitution_size_y_em、substitution_fill、substitution_rotation_deg、appear_easing、appear_delay_frames。appear_delay_frames 控制形状在单词落位之后才出现。
适用场景:自定义风格包(wellness、pharma、AI/SaaS)是主要用例;默认 7 个风格包中偶尔使用,尤其是 SP-F(把 logo 当作“You”中的“o”)。
质量检查:替换形状需与宿主文本基线对齐;高度不超过宿主字体的大写高度;应渲染在背景之上而非之下。
限制与失败模式:形状浮在基线之上或之下时,使用 vertical-align: baseline 并匹配大写高度;形状溢出线高时,减小 size_y_em;形状弹出过于强烈时,改用更柔和的缓动(damping 18+)。