2012-06-15 59 views
1

我在網站中添加了字體,添加了CSS並上傳了字體文件,它在IE中工作,但在Firefox中無法使用。這是爲什麼?字體在Firefox中不起作用

CSS:

@font-face { 
    font-family: 'MyFont'; 
    src: url('MyFont.eot'); 
    src: url('MyFont.eot?#iefix') format('embedded-opentype'), 
     url('MyFont.woff') format('woff'), 
     url('MyFont.ttf') format('truetype'), 
     url('MyFont.svg#MyFontRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

label { font-family: 'MyFont'; font-size: 20px; } 

label只是一個測試,但它的工作。字體文件與CSS位於同一目錄中。

我已經試過幾乎所有的東西,它仍然沒有工作....

有誰知道什麼是錯?任何幫助讚賞。

+0

檢查Firebug的,看看實際加載的字體。您可能需要在您的Web服務器的配置文件(.htaccess,web.config)中添加MIME類型。 – McGarnagle

+0

螢火蟲沒有警告/錯誤,IE加載字體,所以它有點線.. alltho,我沒有訪問.htaccess文件等.. –

+0

沒有警告,但沒有任何字體文件實際加載?你可以在Firebug的* Net *下看到(或者像Fiddler這樣的工具)。這將清理它是否是一個渲染問題,或者如果您的Web服務器只是沒有提供文件。 – McGarnagle

回答

1

我發現有另一個CSS文件,覆蓋了我所做的一個。

問題解決

+0

在此處給出解決方案 –

2

爲了:

  1. 檢查是否字體是Google Web Fonts。如果是,請使用該版本,不要嵌入自己(爲了便於使用,緩存,瀏覽器更新兼容等)

  2. 如果不是,請檢查您的MIME。爲此,請使用Firebug的Net面板查看標題並檢查它們是否正確。

  3. 如果MIME錯誤,則使用.htaccess或編寫一個使用file_get_contents()和header()修復它的PHP文件修復它。

+0

谷歌的字體aint,因爲它是一個paied字體,併爲網站特製。我如何檢查MIME的正確性?而且,這裏有一件有線的東西,我剛剛在網絡面板中看到..在迴應中,我可以看到CSS,巫婆很好,但鏈接到字體不是最好的。我清除了緩存並重新加載了該網站,但他們仍然存在 –