使用 Entypo @font-face 在 IE8 或更高版本中不起作用？答案

【问题标题】：Using Entypo @font-face not working in IE8 or later?使用 Entypo @font-face 在 IE8 或更高版本中不起作用？
【发布时间】：2014-01-13 23:48:19
【问题描述】：

我刚开始使用 Entypo font-face 来制作我的社交图标，但在 IE8 或更高版本中，它会将字体显示为一个空框。我不知道我的代码或他们的字体是否有问题。

@font-face {
font-family: 'entypo-social';
src: url('entypo-social.eot');
src: url('entypo-social.eot?#iefix') format('embedded-opentype'),
     url('entypo-social.woff') format('woff'),
     url('entypo-social.ttf') format('truetype'),
     url('entypo-social.svg#svgFontName') format('svg'); }


.social_font a{
font: 47px/20px 'entypo-social', Arial, sans-serif; }

【问题讨论】：

标签： html css internet-explorer font-face

【解决方案1】：

Entypo 在 IE8 中不起作用。我刚刚在 IE8 中访问了他们的网站，他们的演示完全被破坏了。

【讨论】：

【解决方案2】：

这是我一直使用的字体代码：

@font-face {
    font-family: 'ChunkFive';
    src: url('ChunkFive.eot');
    src: url('ChunkFive.eot?#iefix') format('embedded-opentype'),
    url('ChunkFive.woff') format('woff'),
    url('ChunkFive.ttf') format('truetype'),
    url('ChunkFive.svg#font') format('svg'); ;
    font-weight: normal;
    font-style: normal;
}

你可以看看这个。 http://css-tricks.com/snippets/css/using-font-face/

顺便说一句：font-face 可以在 IE8 中使用。

【讨论】：

我已经尝试过了，我想我已经把它缩小到不是 IE8 问题。而是我从entypo.com得到的字体有问题
嗨。看看这个教程。 link.他们正在使用你的字体。我自己在 IE8 中测试过。
谢谢你的教程，但我自己测试过，你是对的，它在 IE8 中工作。但我正在与社交偶像合作。常规字体适用于所有浏览器，包括 IE9 - IE7。不知道是不是social文件夹中的.eot文件有问题。

【解决方案3】：

尝试使用http://fontello.com/ - 选择您需要的entypo 图标并下载它们的包。这对我来说适用于 IE7+。

【讨论】：

【解决方案4】：

仔细检查您没有选择 IE 的兼容性视图。只是浪费了一个多小时没有检查，取消选择时它工作正常。

另外，如果您使用的是 html5shiv，请尝试将其放在包含字体的 css 文件之后。

【讨论】：