我快疯了。当我在客户端的服务器上进行测试时,@font-face 在 IE 或 FireFox 中不起作用。我的代码是合法的 - 如果我将它上传到我自己的服务器,它可以在所有浏览器中正常工作。但是在我真正需要它工作的地方没有运气。我尝试重新排序 CSS,并确认字体确实已上传到服务器。
我已阅读以下链接的信息: http:
//sixrevisions.com/css/font-face-web-fonts-issues/
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
根据第一篇文章中的信息,我尝试了谷歌的 WebFont 加载器以防万一,但没有运气。我还查看了 Firebug 中的 .NET 面板,但它对我来说是希腊语。我尝试更新 URL 路径,根据这篇文章删除域: http ://www.fontsquirrel.com/forum/discussion/227/font-face-not-working-in-firefox-or-ie/p1
我不知道还能尝试什么。在这一点上,我已经放弃并告诉客户他们不能拥有他们喜欢的字体,但我真的很想了解为什么。有什么帮助吗?
这是我使用的由 FontSquirrel 生成的代码:
@font-face {
font-family: 'Dax';
src: url('/fonts/dax/dax-regular-webfont-webfont.eot');
src: url('/fonts/dax/dax-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/dax/dax-regular-webfont-webfont.woff') format('woff'),
url('/fonts/dax/dax-regular-webfont-webfont.ttf') format('truetype'),
url('/fonts/dax/dax-regular-webfont-webfont.svg#Dax') format('svg');
font-weight: normal;
font-style: normal;
}
body{
font-family: 'Dax';
font-size: 25px;
}
我刚刚想到另一个想法 - 我的客户在他们的网站上设置了重定向。这可能是它在那些浏览器中不起作用的原因吗?
提前感谢您的回复。