Question

我疯了。当我在客户端的服务器上测试时，@ font-face将无法在IE或FireFox中运行。我的代码是合法的 - 如果我将它上传到我自己的服务器，所有浏览器都可以正常工作。但没有运气我真正需要它工作。我已经尝试重新订购CSS，并确认字体确实已上传到服务器。

我已阅读以下链接的信息：
http://sixrevisions.com/css/font-face-web-fonts-issues/
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

根据第一篇文章中的信息，我尝试了Google的WebFont加载程序，以防万一，但没有运气。我还看了Firebug中的.NET面板，但它对我来说是个希腊人。我尝试更新网址路径，根据此帖子删除域名： 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;
                                }

另一个想法刚刚发生在我身上 - 我的客户在他们的网站上设置了重定向。这可能就是为什么它不适用于那些浏览器？

提前感谢您的回复。

Answer 1

firefox要求所有字体都来自同一个域....所以这听起来像是一个跨域问题。如果没有，无论哪种方式你都需要这个（我假设），你需要将woff文件类型添加到你的.htaccess文件中。更多信息：http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems

@ font-face无法在Firefox或IE中运行 - 我怎么能找出原因？

1 个答案: