我在 Angular 2 应用程序上注意到,在 IE 11 中,我所有的材料设计图标都会在显示实际图标之前闪烁文本。有针对这个的解决方法吗?有没有办法使用某种预加载器?
解决此问题的一个极其简单的方法是将
display=block
附加到 URL 末尾。
例如:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet" />
请参阅此处的评论:https://github.com/angular/components/issues/12171#issuecomment-769333603
我能够使用 WebFontLoader
解决我的问题“材质图标”字体。然后使用 CSS,一旦加载了所有图标,我就可以选择并淡入它们