angularjsangularmaterial-designflickericon-fonts

Material Design Icons Flicker (FOUT?)

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