使用 CSS，如何创建*粗*超过 1 像素的文本描边轮廓？

下面是我用来制作 1px 文本描边轮廓的代码。但是如何使轮廓变粗呢？如果我只是将所有“1px”替换为“5px”，结果看起来很疯狂。

HTML

<div class="element">
Hello!
</div>

CSS

.element {
color:white;

    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

你可以考虑text-stroke但你需要注意浏览器支持

.element {
  color: white;
  font-size:50px;
  -webkit-text-stroke: 5px #000;
}

<div class="element">
  Hello!
</div>