Doesn't work with Font Awesome, Material Icons from Google, etc.

[mortenmoulder]

https://jsfiddle.net/sscm9nr7/

It generates the DOM element perfectly. CSS works just as it should. However, the text doesn't work. When I try this in Angular Material with <md-icon>add</md-icon> for instance, the add text gets included, but it has a default font (like Times New Roman).

With FontAwesome... Well, it's all squares.

https://jsfiddle.net/sscm9nr7/

[mortenmoulder]

Fixed. Loading the CSS externally doesn't seem to work, so including the Material Icons directly inside the CSS works fine: https://jsfiddle.net/sLc2kcwy/3/

[tsayen]

This problem might be related to #13. I looked at it yesterday and I suspect a bug, as the style inlining didn't seem to work as expected.

[mortenmoulder]

@tsayen Oh yeah. It's definitely a bug which could be fixed, but a workaround is also working. Not sure why I closed it though.

[IgorKurkov]

Unfortunately workaround not work for icons from elements kits like angular material where we have components like mat-icon... last fiddle is old.
Any updates?