Html 带实心轮廓的透明字母/文本-Internet Explorer/CSS

我目前有以下代码使大H显示如图所示（带边框的透明）：

CSS

我很难在IE（10或以上）中获得同等的工作风格。我能够在Internet Explorer中使H具有实心填充颜色和轮廓，但无法使实心填充颜色透明或仅调整填充的不透明度

---

我做了很多搜索，试图找到一些东西，但还没有成功。谢谢

尝试添加

过滤器：alpha（不透明度=50）我也尝试过这个，但它似乎没有任何作用。为什么不使用svg图像呢？您可能会发现这很有用：谢谢！我们将尝试使用SVG。
.shadow-H {
  font-family: 'Oswald', sans-serif;
  font-size: 75px;
}

@supports((text-stroke: 1px white) or (-webkit-text-stroke: 1px white)) {
  .shadow-H {
    color: transparent;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
    text-shadow: none;
   }
}