Search code examples
csstextfont-awesomestroke

How I can use Font Awesome as a stroke

I need to use FontAwesome as stroke I use 

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

but it works with webkit browsers only.

Any other way to make it works with other browsers like Firefox and IE +10

Thinks

Solution

  • In this article: Adding Stroke to Web text they speak about using text-shadow to simulate the -webkit-text-stroke option; 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