材料设计图标闪烁（FOUT？）

Posted 2023-02-21

【中文标题】材料设计图标闪烁（FOUT？）

【英文标题】：Material Design Icons Flicker (FOUT?)

【发布时间】：2016-11-16 18:48:18

【问题描述】：

我在 Angular 2 应用程序中注意到，在 IE 11 中，我所有的材料设计图标都会在显示实际图标之前闪烁文本。这个问题有方法解决吗？有没有办法使用某种预加载器？

【问题讨论】：

为什么投反对票？

【参考方案1】：

我能够通过使用WebFontLoader解决我的问题

用于“材料图标”字体。然后使用 CSS，我可以在所有图标加载后选择并淡入它们

【讨论】：

另见github.com/angular/components/issues/…