Internet Explorer无法识别字体

我正在尝试在我的网页上制作自定义的社交媒体图标。我正在使用socicon字体。我的代码适用于除IE11以外的所有浏览器。我甚至尝试过#ie修复程序，但它仍然无法工作。我也读过，我需要把全名，以便IE11识别字体。我相信socicon是全名，但是当我输入它时仍然不起作用。Internet Explorer无法识别字体

这里是我的代码：

@font-face { 
    font-family: 'si'; 
    src: url('http://cdn2.hubspot.net/hub/181041/file-1984135345-eot/Font/socicon.eot'); 
    src: url('http://cdn2.hubspot.net/hub/181041/file-1984135345-eot/Font/socicon.eot?#iefix') format('embedded-opentype'), 
      url('http://cdn2.hubspot.net/hub/181041/file-1984135350-woff/Font/socicon.woff') format('woff'), 
      url('http://cdn2.hubspot.net/hub/181041/file-1981225289-ttf/Font/socicon.ttf') format('truetype'), 
      url('h ttp://cdn2.hubspot.net/hub/181041/file-1979860473-svg/Font/socicon.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

这也是奇怪的是，当我试图删除这一行：

src: url('http://cdn2.hubspot.net/hub/181041/file-1984135345-eot/Font/socicon.eot?#iefix') format('embedded-opentype'),

的Safari也不再产生socicon字体。我不认为Safari读取.eot文件。

感谢，

梅根

来源

2014-10-31 Megan

尝试检查在这个岗位的解决方案... http://stackoverflow.com/questions/11722959/custom-font-still-wont-work-in-ie – Zack 2014-10-31 14:04:55

有些字体不能转换为EOT字体。我也有这个问题。请作者为您制作EOT字体，或询问他是否有EOT字体。 – Refilon 2014-10-31 14:06:02

我生成了来自perfecticons.com的社交媒体图标，他们向我提供了.eot，.woff，.ttf和.svg字体文件以及html和css代码。我所要做的只是将代码复制/粘贴到我网站上的正确区域。这些图标可以在Safari，Chrome和Firefox上完美运行。 IE11是唯一给我带来麻烦的浏览器。 – Megan 2014-10-31 14:09:33

如果你的IE是8以上，那么我会建议你到字体转换为.woff格式。我以前遇到过这个问题，这是它的解决方案。

喂你的eot字体在this之类的东西，并简单地将它们转换为.woff。然后，再试一次。

编辑：尽量使用本地字体

来源

2014-10-31 14:18:07

是的，OFC（http://onlinefontconverter.com/）也是我的解决方案。 – 2014-10-31 14:20:17

我无法使用本地字体，因为我需要显示社交媒体徽标。我以为IE使用.eot格式不是.woff。 – Megan 2014-10-31 14:32:50

@Megan它的确如此。 IE支持.eot格式，从版本9开始它也支持.woff格式。我推荐woff，以防万一你有IE9或更高版本，因为.woff格式具有更广泛的浏览器兼容性。在这里查看你的自我 - > [.woff]（http://caniuse.com/#search=woff）和here-> [.eot]（http://caniuse.com/#search=eot）。另外，根据我的经验，作为一种压缩格式，.woff数十是更轻量级的字体。 – 2014-10-31 14:53:42

Internet Explorer无法识别字体

回答

相关问题