'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?

angularjsangularmaterial-designflickericon-fonts


Solution 1:[1]

An extremely simple way to solve this is to append display=block to the end of the URL.

For example:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet" />

See the comment here: https://github.com/angular/components/issues/12171#issuecomment-769333603

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 mwilson

Related Questions