Internet Explorer 无法识别字体答案

【问题标题】：Internet Explorer doesn't recognize fontInternet Explorer 无法识别字体
【发布时间】：2014-10-31 22:18:07
【问题描述】：

我正在尝试在我的网页上定制社交媒体图标。我正在使用 socicon 字体。我的代码适用于除 IE11 之外的所有浏览器。我什至尝试了 ?#ie 修复，但它仍然没有工作。我还读到我需要输入全名才能让 IE11 识别字体。我相信 socicon 是全名，但是当我输入它时它仍然不起作用。

这是我的代码：

@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 文件。

谢谢，

梅根

【问题讨论】：

尝试检查这篇文章中的解决方案...stackoverflow.com/questions/11722959/…
部分字体无法转换为 EOT 字体。我也有这个问题。请作者为您制作 EOT 字体，或者询问他是否有。
我从 perfecticons.com 生成了社交媒体图标，他们为我提供了 .eot、.woff、.ttf 和 .svg 字体文件，以及 html 和 css 代码。我应该做的就是将代码复制/粘贴到我网站上的正确区域。这些图标可在 Safari、Chrome 和 Firefox 上完美运行。 IE11 是唯一给我带来麻烦的浏览器。

标签： html css fonts

【解决方案1】：

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

以this 之类的形式输入您的eot 字体，然后简单地将它们转换为.woff。然后，再试一次。

编辑：尝试使用本地字体

【讨论】：

我无法使用本地字体，因为我需要显示社交媒体徽标。我以为 IE 使用的是 .eot 格式而不是 .woff。
@Megan 确实如此。 IE 支持 .eot 格式，并且从版本 9 开始它还支持 .woff 格式。如果你有 IE9 或更高版本，我推荐 woff，因为 .woff 格式具有更广泛的浏览器兼容性。在这里-> .woff 和这里-> .eot 亲自查看。此外，根据我的经验，作为一种压缩格式，.woff 是一种更轻量级的字体。