Material 设计图标闪烁(FOUT?)
Material Design Icons Flicker (FOUT?)
我在我的 angular 2 应用程序中注意到,在 IE 11 中,我所有的 material 设计图标在显示实际图标之前都会闪烁文本。有针对这个的解决方法吗?有没有办法使用某种预加载器?
我使用 WebFontLoader
解决了我的问题
用于 'Material Icons' 字体。然后使用 CSS 我能够 select 并在所有图标加载后淡入淡出
解决这个问题的一个非常简单的方法是将 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
我在我的 angular 2 应用程序中注意到,在 IE 11 中,我所有的 material 设计图标在显示实际图标之前都会闪烁文本。有针对这个的解决方法吗?有没有办法使用某种预加载器?
我使用 WebFontLoader
解决了我的问题用于 'Material Icons' 字体。然后使用 CSS 我能够 select 并在所有图标加载后淡入淡出
解决这个问题的一个非常简单的方法是将 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