html - 控制笔画的类型 (-webkit-text-stroke)

我正在尝试复制设计元素并删除图像，并希望将其替换为纯 HTML/CSS。本质上，我有一个标题 > h1，其中有一个标题。例如，我们会说这个标题是“堆栈溢出”，就像这样......

<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 但 stroke 涵盖了 font-color）

这里需要注意的是，我相信 SVG 可以控制笔画类型，我很想看看使用它的任何解决方案，但理想情况下，我的目标不是 SVG 解决方案。

提前致谢。

标签： htmlcssstroke