6

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

4 回答 4

5

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

于 2013-02-22T13:29:12.870 回答
1

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

@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 Do 在 IE8 中有效。

于 2012-11-07T21:03:55.457 回答
1

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

于 2014-01-13T15:48:19.603 回答
0

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

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

于 2013-08-22T14:05:01.197 回答