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

Question

我刚刚开始使用Entypo字体脸部制作我的社交图标，但是在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; }

Answer 1

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

Answer 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;
}

您可以对此进行Llok。http://css-tricks.com/snippets/css/using-font-face/

顺便说一句：font-face确实在IE8中起作用。

Answer 3

尝试使用http://fontello.com/-选择所需的entypo图标并下载其包装。这在我的IE7 中都起作用。

Answer 4

双检查您没有选择IE的兼容性视图选择。刚浪费了一个多小时而没有检查，并且在拆卸时可以正常工作。

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