2013-02-22 75 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

相關問題