我注意到在我的Angular 2应用程序中，使用IE 11时，所有的Material Design图标在显示实际图标之前都会闪烁文本。这个问题有解决方案吗？是否有一种使用某种预加载程序的方法？
Material Design图标闪烁（FOUT？）
5
- Will
2
为什么会有负评？ - Will
FOUT：未经样式化的文本闪烁 - mwilson
2个回答
3
一种极其简单的解决方法是在URL末尾添加
例如：
display=block。例如：
<link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet" />
请查看此处的评论：https://github.com/angular/components/issues/12171#issuecomment-769333603
- mwilson
1
我能够通过使用WebFontLoader解决与'Material Icons'字体相关的问题。然后，使用CSS，一旦它们被加载，我就能够选择并淡入所有图标。
- Will
1
请参见 https://github.com/angular/components/issues/12171#issuecomment-595831987。 - Max Barraclough
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 4 使用Material Design图标替代PrimeNg中的Font Awesome图标
- 4 如何离线托管Material Design图标？
- 10 将图标与工具栏图标对齐 - Android Material Design
- 3 如何在nuxt中使用Material Design图标
- 51 如何在Angular 4中使用Material Design图标？
- 6 下载哪个软件包可以获得Material Design图标？
- 187 将Material Design图标导入到Android项目中
- 5 如何调和Font-Awesome与Material Design图标字体？
- 4 Material Design图标在IE 11上无法使用
- 3 如何自定义Angular Material Design Mat-DatePicker图标大小