材质设计图标在IE 11上不起作用 [英] Material Design Icon isn't working on IE 11

问题描述

我在我的应用程序上使用 MaterialDesign 图标，但是，它在IE 11（版本11.576.14393.0）上无法正常工作。

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

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

然而，我也尝试了正常的图标名称，如：

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

它在其他浏览器上工作，所有.css功能都来自我在Material设计的页面。

我的页面上没有任何东西出现。

我尝试设置以下样式：

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

然而，没有任何工作。

解决方案

这个问题可能与CSS加载有关。在本地托管CSS，这解决了我的问题。

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

I'm using MaterialDesign icons on my application, however, it isn't working on IE 11 (version 11.576.14393.0).

In my HTML code, I have the following element:

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

However, I also tried the normal icon name such as:

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

It's working on other browsers, and all the .css features are from the boilerplate that I got on Material Design's page.

Nothing is appearing to me on my page.

I tried to set the following styles:

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

However, nothing is working.

解决方案

The problem could be related to CSS loading.

Try hosting the CSS locally, this solved the issue for me.

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

这篇关于材质设计图标在IE 11上不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！