Question

我刚开始使用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; }

Answer 1

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

Answer 2

这是我一直用于font-face的代码：

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

使用Entypo @ font-face无法在IE8或更高版本中使用？

4 个答案: