font-face在IE 10中不起作用

时间:2012-11-26 08:29:01

标签: font-face internet-explorer-10

我完全没有让IE 10显示自定义字体的成功。还有其他人为此解决方案吗?我可以在网上看到一些其他人在IE 10中遇到麻烦的问题,但没有找到解决方案或确认的错误。

任何具有相同经验或解决方案的人?

这就是我现在所拥有的,它在10之前的IE,Chrome和Safari中运行良好:

@font-face {
    font-family: "LCD";
    src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.ttf');
}

<!--[if IE]>
<style type="text/css">
@font-face {
    font-family: "LCD";
    src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.eot');
}
</style>
<![endif]-->

我试图用其他格式woff,ott等替换字体文件,但完全没有运气。

暗示font-squirrel的答案使其成功。 现在工作标记(对于IE 10)是:

@font-face {
    font-family: "LCD";
    src: url('/Public/Fonts/quartz_regular-webfont.eot');
    src: url('/Public/Fonts/quartz_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/Fonts/quartz_regular-webfont.woff') format('woff'),
         url('/Public/Fonts/quartz_regular-webfont.ttf') format('truetype'),
         url('/Public/Fonts/quartz_regular-webfont.svg#quartzregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

7 个答案:

答案 0 :(得分:7)

我认为这是在HTML文件中,由于HTML注释和样式元素...如果没有,请查看。

除此之外,只需使用@font-face generator

即可

答案 1 :(得分:7)

如果激活安全模式,IE10是否可能无法呈现网络字体?停用后(互联网选项 - 安全性)我的网站显示正确...

答案 2 :(得分:2)

我让font-squirrel @ font-face在IE以外的所有工作中工作,但我的问题是.woff是我服务器上唯一没有包含在IIS mime-types中的东西。这可能会帮助那些也结束这个问题的人。

答案 3 :(得分:1)

我刚刚遇到一位客户报告说他无法在他的网站上看到webfont。结束时,“高”安全级别(在IE选项中)默认阻止Web字体。您可以创建基本上为“高”但仍启用Web字体的自定义安全级别。或者只是将其调低至中高。

答案 4 :(得分:0)

在IE 10上未更新字体 - &gt; reference,您可以使用相同的IE-9

您可以了解如何使用font-face here

我认为你包括所有类型的字体......

答案 5 :(得分:0)

我在这里用过: http://www.impressivewebs.com/ie10-css-hacks/

更具体地说:

@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */  
}

通过使用它,我们可以弹出一个不错的替代字体,并且在其他浏览器中使用开放字体仍具有性感。

在这里尝试字体: http://cssfontstack.com

答案 6 :(得分:0)

必须添加字体生成器不会为所有字体修复此问题。例如,使用字体Helvetica Neue Medium Condensed(HelveticaNeueLTW1G-MdCn)时。我在网站上使用多种字体。它们都使用字体生成器,但Helvetica-font。

除外