我正在尝试复制设计元素并删除图像，并希望将其替换为纯HTML / CSS。本质上，我有一个 header> h1 ，其中包含标题。例如，我们说这个标题是“ Stack Overflow”，就像这样。
<header>
<h1>
Stack Overflow
</h1>
</header>
在我当前的CSS中，文本缩进被推出屏幕，并且背景被应用于 h1 。
要替换的是，我使用了 -webkit-text-stroke： 规则，该规则运行良好，尽管并非所有浏览器都完全支持该规则。问题在于，许多Photoshop用户在将笔划应用于文本时会遇到这种情况，这就是笔划的位置。
让我用一个拼得不好的图像演示一下：https://i.imgur.com/eQC9B5v.jpg-顶部文本显示的笔触位于文本的“外部”，底部文本使用的是Photoshop所称的“中心”。
似乎 -webkit-text-stroke 是基于Photoshop中“中心”变体的笔划。我非常希望它能够复制“外部”选项。
我看不到可以设置的任何地方，我猜我看不到，但是我很想知道是否。
a）有一种方法，如果可以的话，那是什么？ b）如果没有一种方法，有没有人找到另一种方法来实现这一目标？
现在我应该说，我发现了：https://www.petercarrero.com/examples/stroke，它来自于2013年在此发布的帖子（CSS- webkit-text-stroke but stroke covers font-color）
需要说明的是，我相信SVG可以控制笔触类型，我很想看到使用它的任何解决方案，但理想情况下，我的目标不是SVG解决方案。
谢谢。
