2013-02-22 88 views
0

我正在疯狂。在我的客户端服务器上测试时,@ font-face在IE或FireFox中不起作用。我的代码是合法的 - 如果我把它上传到我自己的服务器,所有浏览器都可以。但没有运气,我真的需要它的工作。我试着重新排序CSS,并确认字体确实已上传到服务器。@ font-face在Firefox或IE中不起作用 - 我怎么弄明白为什么?

我已阅读信息以下链接:
基于第一篇文章中的信息 http://sixrevisions.com/css/font-face-web-fonts-issues/
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

,我试图在会解决的事情的情况下谷歌的web字体加载器,但没有运气。我也看了一下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; 
           } 

另一种认为刚刚发生,我 - 我的客户有重定向设置在其网站上。那可能是为什么它不在这些浏览器中工作?

在此先感谢您的答复。

+0

字体文件是否存在,并在您认为他们在目录中?您的网址绝对是 – DiMono 2013-02-22 20:05:24

+0

字体文件绝对存在 - 它适用于Chrome和Safari,如果我将文件名插入地址栏,浏览器会下载该文件。不包括域使其绝对?我试过插入带有域的URL,没有,两种情况的结果都一样。 – surfbird0713 2013-02-22 20:48:49

+0

尝试清除浏览器缓存。可能不是问题,但它太简单,不尝试。你也可以尝试直接的文件路径:'http:// domain.com/fonts/font.ttf'这将解决任何重定向/ php包含问题。 – 2013-02-22 21:01:36

回答

1

firefox要求所有字体从相同的域中提供....所以它听起来像是一个跨域问题。如果没有,并且无论哪种方式,你都需要这样做(我假设),你需要添加woff文件类型到你的.htaccess文件中。更多这里:http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems

+0

由于重定向,你是在说它是一个跨域问题吗? WebFont加载程序不会修复跨域问题吗?我不知道我有权访问.htaccess文件,但我会研究它。 – surfbird0713 2013-02-22 21:23:00

+0

不,我以为你是从你的服务器上的字体加载到他们的服务器上的网站。如果我错了,MB。如果你访问他们的服务器,你应该可以访问.htaccess,它位于根目录下,默认情况下是隐藏的。我为我的ide使用jedit,我必须检查“显示隐藏的文件”才能看到/访问。如果有帮助。 – albert 2013-02-23 05:00:35

相关问题