每当我想到网页上的描边文字时，我都会想到：不。
CSS 中有 -webkit-text-stroke 可以实现，但它将描边放置在字符矢量轮廓的中间，绝对确保字符看起来不正确。在 Chrome 或 Safari 中看看这个。 糟糕。如果要使用它，至少 在顶部叠加正确的类型，这样它就能保持原始完整性。即使这样，它也不是标准的，而且您无法获得跨浏览器支持。
John Negoita 以多种其他方式介绍了文本描边。另一种伪造方法是使用多个方向的 text-shadow。
如上图所示，四种方式通常不够，所以他用它进行数学运算。SVG 能够进行描边，您可能会认为这会更聪明，但它与 CSS 在描边跨越方面存在完全相同的问题——只是 控制稍微更多。
我可能会在一般情况下避免在网页上使用描边文字，除非它只是一次性的，在这种情况下，我会在设计软件中将其制作成 SVG，伪造描边，并将其用作 background-image。
它可以看起来很酷。
他还没有提到的 SVG 文本的变体是使用
paint-order将描边放在填充后面： https://codepen.io/ccprog/pen/MWyOmgX如何使用 paint-order: stroke; 将它保留在文本后面？
我不常使用描边文字，使用时也很少，但在那些情况下，四向 text-shadow 技巧对我很有用。我将它与 text-transform:uppercase 和带直线的字体结合使用。