CSS @ font-face在IE8中不工作

我曾尝试阅读多篇关于如何在IE中处理自定义字体的文章，但他们似乎从未为我工作过。我试图将字体转换为EOT，但这似乎也不起作用。我不知道我做错了，所以我会后我的代码CSS @ font-face在IE8中不工作

@font-face { 
    font-family: "Klavika Regular"; 
    src: url('../fonts/klavika.eot'); 
    src: local('â˜º'), url('../fonts/klavika.woff') format('woff'), url('../fonts/klavika.ttf') format('truetype'), url('../fonts/klavika.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

来源

2011-09-28 hackshockr

这部作品在IE8/9

http://dev.bowdenweb.com/a/fonts/serif/alegreya/demo.html

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

}

来源

2011-09-29 08:46:15 albert

为什么删除本地（'âº'）？它是为了什么？ – Owen

它的另一个技巧是让字体面与ie很好地搭配。您可以阅读有关爱尔兰保罗博客上的不同字体解决方案。 – albert

如果IE8 认为它支持比下面列出的的eot以外的任何其他格式的，那么它可能会尝试使用一。也许你可以使用IE8破解，像

src: local('â˜º'), url('../fonts/klavika.woff') format('woff'), url('../fonts/klavika.ttf') format('truetype'), url('../fonts/klavika.svg') format('svg'); 
src /*\**/: url('../fonts/klavika.eot')\9

所以只有IE8将读取最后src线，因此加载.eot。

来源

2011-09-28 11:24:50

似乎没有任何效果。 – hackshockr

尝试3种CSS格式为@字体面的FontSquirrel Generator（在“专家......”模式>一节“CSS格式：”>“更多信息”）

来源

2011-09-28 11:29:09 SidorukSV

那么，网站看起来很棒，除了“下载你的套件”按钮，似乎没有任何作用。 – hackshockr

尝试重新加载页面，并通过http://d.pr/U1yY重新载入您的字体我建议您阅读链接上的帖子“更多信息”（http://d.pr/r0Fn） – SidorukSV

是的，明白了。但它只包含HTML和样式表，没有字体tho' – hackshockr

值得一检查，看看你的.htaccess文件允许的文件类型。

来源

2013-10-17 10:37:15 magicspon

CSS @ font-face在IE8中不工作

回答

相关问题