文本的轮廓笔画[重复]

Question

我正在尝试使用 CSS 为文本添加轮廓。

问题是阴影对于描边文本不太好。

有没有办法用纯 css 做到这一点？

这是我的代码：

.text-stroke {
  font-size: 200px;
  color: #fff;
  text-shadow: -1px -1px #2d4c79, 
                1px 1px #2d4c79, 
               -2px 2px #2d4c79, 
                2px -1px #2d4c79;
}

<div class="text-stroke">Text</div>

Answer 1

你可以使用webkit-text-stroke

.text-stroke {
  font-size: 200px;
  -webkit-text-stroke: 1px black;
  -webkit-text-fill-color: white;
}

<div class="text-stroke">Text</div>