css 使用stroke属性实现全兼容的文字描边效果

<svg>
    <text y="70%">感谢您购买<tspan>CSS新世界</tspan></text>
</svg>

svg {
    max-width: 100%;
    width: 500px; 
    height: 100px;
}
text {
    font-size: 50px;
    font-weight: bold;
    fill: white;
    stroke: deepskyblue;
}
tspan {
    stroke: deeppink;
    stroke-width: 2px;
}

由于SVG中的文本内容不会自动换行，因此，该技术更适合单行文字内容，或者是内容宽度固定的多行文字内容。