html数据图标不在IE中呈现（MVC3应用程序）

我有一个asp.net.net MVC3应用程序，它主要是应该的。html数据图标不在IE中呈现（MVC3应用程序）

我在某些地方使用数据图标而不是图像。除了IE（v9）之外，这些在所有浏览器中都很好。我想知道这是为什么，我能做些什么来解决它？

比如我有一个呈现HTML，看起来像下面的跨度...

<span class="navIcon" aria-hidden="true" data-icon=""/>

在它呈现这样的大多数浏览器...

working icon

但在IE它呈现像这样...

broken icon

有谁知道为什么会发生这种情况？

来源

2013-03-01 Ben Cameron

最可能的原因是，IE9选择不使用任何你在@font-face中定义的格式（例如IE9被称为从跳过.eot并继续寻找.woff版）。我建议你使用类似Webfont Generator的东西，以获得所有不同的字体变化。在结果你的@font-face应该类似于此：

@font-face { 
    font-family: 'Pictos'; 
    src: url('pictos-web.eot'); 
    src: local('☺'), 
    url('pictos-web.woff') format('woff'), 
    url('pictos-web.ttf') format('truetype'), 
    url('pictos-web.svg#webfontIyfZbseF') format('svg'); 
}

来源

2013-03-01 10:03:16 tpeczek

太好了，谢谢你。我会尽快尝试。我实际上也在Firefox中看到同样的问题。你认为这会是同一个问题吗？ – 2013-03-01 11:45:33

@BenCameron可能会，但我不能确定。尽管问题出现在了“@ font-face”的右边，这是第一步。 – tpeczek 2013-03-02 09:19:22

谢谢，你指出我在正确的方向。问题出在fon-face部分的网址上。他们对于所有格式都不太合适。现在全部排序。 – 2013-03-02 11:27:07

html数据图标不在IE中呈现（MVC3应用程序）

回答

相关问题