Material Design Icons Flicker (FOUT?)

Question

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?

Answer 1

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