使用Tailwind CSS时文本描边出现自相交问题求助

编辑：已有类似相关问题讨论

网站开发中遇到异常文本描边问题：此前未出现该情况，也未修改代码，但某次加载后发现文本描边出现自相交切割（字母a、e存在明显的自相交痕迹）。

使用Tailwind CSS开发，相关代码如下：

元素代码 #

<h1 className="text-7xl text-white text-stroke-3 text-center mt-5 font-bold">
  How are you feeling today? 
</h1>

自定义描边类CSS #

.text-stroke-3 {
    -webkit-text-stroke: 3px black;
}

已尝试的解决方法均无效：

• 将h1标签替换为p标签
• 更换字体
• 用<b></b>标签包裹文本替代font-bold类

内容的提问来源于stack exchange，提问作者Zachary Seidner