简体   繁体   English

我如何使用“真棒字体”作为笔触

[英]How I can use Font Awesome as a stroke

I need to use FontAwesome as stroke I use 我需要使用FontAwesome作为笔触

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

but it works with webkit browsers only. 但它仅适用于webkit浏览器。

Any other way to make it works with other browsers like Firefox and IE +10 使它与Firefox和IE +10等其他浏览器兼容的任何其他方法

Thinks 认为

In this article: Adding Stroke to Web text they speak about using text-shadow to simulate the -webkit-text-stroke option; 在本文中:他们向Web文本添加Stroke,他们谈到使用text-shadow模拟-webkit-text-stroke选项。 other than that there are no other options I am aware of. 除此之外,我没有其他选择。

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 CanIUse.com CanIUse.com

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM