Text-shadow does not work for Awesome icons fonts in IE10

Question

The text-shadow attribute does not work in IE10 when applied to Awesome font icons. I'm not sure if this meets the specifications of IE10 or otherwise.

Using IE10, what CSS property should I use to render shadow browsers based on web pages? If using CSS is not an option, is there any other way to achieve shadow on the awesome font icon in IE10?

Example problem: http://jsfiddle.net/vRqu5/1/

CSS

.icon-star-empty { -webkit-text-shadow: 1px 0px 3px rgb(159, 92, 74); text-shadow: 1px 0px 3px rgb(159, 92, 74); font-size: x-large; color: #ffe200; } 

Answer 1

Add the same declarations to ::before (I don’t know if IE10 works correctly, but at least it works now):

 .icon-star-empty::before { text-shadow: 1px 0px 3px rgb(159, 92, 74); }