0

I used an svg <text> element like:

<text x="-.5" y="1"  stroke="none">&#xf0e8</text>

And it works perfectly, except in Internet Explorer.

I added <meta http-equiv="X-UA-Compatible" content="IE=edge" /> and it didn't work.

How can I load Font Awesome icons in svg text elements in Internet Explorer?

Mr Lister
  • 45,515
  • 15
  • 108
  • 150
Abd
  • 513
  • 1
  • 7
  • 26
  • Can you post a complete example? The problem could be caused by the way Font Awesome is loaded or some other seemingly unrelated markup in your page. A related question -- [Font Awesome fonts show up as boxes on IE8](http://stackoverflow.com/questions/12130323/font-awesome-fonts-show-up-as-boxes-on-ie8) -- contains a variety of suggestions. – twernt Mar 22 '16 at 15:24
  • My code is just like that,I used tag in my page. i used – Abd Mar 23 '16 at 06:32
  • @Abd The information you have provided is not enough to identify where the problem is. If I put your svg in [a fiddle](http://jsfiddle.net/MrLister/gfnLnq10/1/), it works in all browsers. So your problem lies elsewhere. Please edit your question and paste some more info in. – Mr Lister Mar 28 '16 at 13:42

0 Answers0