Material Design 图标不适用于 IE 11

Dan*_*Dan 4 html css icons materialize material-design

我在我的应用程序上使用MaterialDesign图标,但是它不适用于 IE 11(版本 11.576.14393.0)。

在我的 HTML 代码中,我有以下元素:

<i class="material-icons">&#xE853;</i>
Run Code Online (Sandbox Code Playgroud)

不过,我也尝试了正常的图标名称,例如:

<i class="material-icons">account_circle</i>
Run Code Online (Sandbox Code Playgroud)

它可以在其他浏览器上运行,所有 .css 功能都来自我在 Material Design 页面上获得的样板文件。

我的页面上什么也没有出现。

我尝试设置以下样式:

text-rendering: optimizeLegibility;
font-feature-settings: 'liga';
ms-font-feature-settings:'liga'
Run Code Online (Sandbox Code Playgroud)

然而,什么都不起作用。

小智 5

该问题可能与 CSS 加载有关。

尝试在本地托管 CSS,这解决了我的问题。

https://github.com/GwtMaterialDesign/gwt-material/issues/149#issuecomment-158004329