Question

我正在尝试在我的网页上设置自定义社交媒体图标。我使用的是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文件。

谢谢，

梅根

Answer 1

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

将您的eot字体输入this之类的内容，然后将其转换为.woff。然后，再试一次。

编辑：尝试使用本地字体

Internet Explorer无法识别字体

1 个答案: