Css 如何使用字体作为笔划

我需要使用FontAwesome作为我使用的笔划

-webkit-text-stroke: 1px #cc0000;
-webkit-text-fill-color: #FFFFFF;

但它只适用于webkit浏览器

有没有其他方法可以让它在Firefox和IE+10等浏览器上运行

在本文中思考：他们谈到使用文本阴影来模拟-webkit文本笔划选项；除此之外，我没有其他选择

h1 {
   -webkit-text-stroke: 1px black;
   color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

本文来源于：他们谈到使用文本阴影来模拟-webkit文本笔划选项；除此之外，我没有其他选择

h1 {
   -webkit-text-stroke: 1px black;
   color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

---

From

为您的帮助着想：这对1px笔划效果很好，但超过1px的笔划就会出现故障。我刚刚在这里发现了一个很棒的工具，它为你做了所有疯狂的数学运算，让你找出在哪里应用文本阴影来真正模拟文本笔划：感谢你的帮助：这对1px笔划很有效，但超过1px笔划的任何东西都开始崩溃。我刚刚在这里发现了一个很棒的工具，它为您计算出在哪里应用文本阴影来真正模拟文本笔划做了所有疯狂的计算：