悬停填充(-webkit-text-fill-color 可过渡,color 不行)

Kestrel

空心字占着大字号的位置,却不抢版面的注意力—— 所以它能做超大标题而不压垮其他内容。

实心 + 空心交替 = "回声"

尺寸对照:同样 2px 描边

描边是骑在字形轮廓上的,一半在里一半在外。 里面那一半会吃掉字腔——字号越小越糊。这个效果只适合 ≥48px 和粗字重。

中文更吃亏

耐心不是美德

笔画多、字腔小,同样宽度的描边在中文上糊得更快, 大字也别超过 2px。

正文永远不要用:空心字可读性远低于实心字,细描边在浅色背景上几乎消失。
想要"只在外侧描边"不吃字腔,CSS 做不到,得用 SVG 的 paint-order: stroke fill。
别用多层 text-shadow 模拟描边——四个方向的阴影在圆角处会露缺口,性能也更差。
配色排版是占位。进项目要跟项目的设计体系走(库规范铁律 6)。