Material Design Icons Flicker (FOUT?)

Issue

I have noticed on my angular 2 app that in IE 11 all my material design icons will flicker the text before showing the actual icon. Is there a solution to this? Is there a way to use some sort of preloader?

Solution

I was able to solve my problem by using WebFontLoader

for 'Material Icons' font. Then using CSS I was able to select and fade in all icons once they were loaded

Answered By - Will