我正在瘋狂。在我的客戶端服務器上測試時,@ 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;
}
另一種認爲剛剛發生,我 - 我的客戶有重定向設置在其網站上。那可能是爲什麼它不在這些瀏覽器中工作?
在此先感謝您的答覆。
字體文件是否存在,並在您認爲他們在目錄中?您的網址絕對是 – DiMono 2013-02-22 20:05:24
字體文件絕對存在 - 它適用於Chrome和Safari,如果我將文件名插入地址欄,瀏覽器會下載該文件。不包括域使其絕對?我試過插入帶有域的URL,沒有,兩種情況的結果都一樣。 – surfbird0713 2013-02-22 20:48:49
嘗試清除瀏覽器緩存。可能不是問題,但它太簡單,不嘗試。你也可以嘗試直接的文件路徑:'http:// domain.com/fonts/font.ttf'這將解決任何重定向/ php包含問題。 – 2013-02-22 21:01:36