材质设计图标在IE 11上不起作用

Question

我在我的应用程序上使用了MaterialDesign图标，但是它在IE11(11.576.14393.0版)上不起作用。

在我的HTML代码中，我有以下元素：

<i class="material-icons">&#xE853;</i>

但是，我也尝试了普通的图标名称，例如：

<i class="material-icons">account_circle</i>

它可以在其他浏览器上工作，并且所有的.css特性都来自于我在Material Design页面上得到的样板。

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

我尝试设置以下样式：

text-rendering: optimizeLegibility;
font-feature-settings: 'liga';
ms-font-feature-settings:'liga'

然而，什么都不起作用。

Answer 1

这个问题可能与CSS加载有关。

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

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