DEV Community
·
让描边文本更迷人，不用CSS。想改变这一现状吗？
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
在CSS中实现描边文本较难，因为现有属性在不同浏览器中不一致，且缺乏描边对齐功能。相比之下，SVG效果更一致。W3C的CSS填充和描边模块规范可能解决这些问题，我已提交提案给Interop 2025。
🎯
关键要点
- 在CSS中实现描边文本较难，现有属性在不同浏览器中不一致。
- 现有的非标准属性(-webkit-text-stroke等)规范基本，浏览器实现不一致。
- paint-order属性存在bug，无法控制描边和填充的层叠顺序。
- CSS中缺乏描边对齐功能，导致难以获得理想效果。
- 设计工具如Figma中有描边对齐功能，但CSS无法实现。
- SVG提供了更一致和可控的描边文本效果，但不理想。
- W3C的CSS填充和描边模块规范可能解决这些问题。
- 已向Interop 2025提交提案，希望能看到这些问题的解决。
➡️
