Firefox webfonts無法加載

我只在Firefox中遇到webfonts問題，所有其他瀏覽器（包括IE）都能正常工作。Firefox webfonts無法加載

我的問題是webfonts根本不會加載。

我已經看過這個可能的解決方案，編輯htaccess文件（http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems），但我沒有運氣。

，我唯一能說的另一件事是在Firefox的錯誤控制檯，我得到以下警告：

Error in parsing value for "src". Skipped to the next declaration.

這裏是我的font-face代碼示例：

@font-face { 
    font-family:AngelinaRegular; 
    src:url(../fonts/angelina-webfont.eot); 
    src:url(../fonts/angelina-webfont.eot?iefix) format(eot), url(../fonts/angelina-webfont.woff) format(woff), url(../fonts/angelina-webfont.ttf) format(truetype), url(../fonts/angelina-webfont.svg#webfontOvuhCGpN) format(svg); 
    font-weight:normal; 
    font-style:normal; 
}

任何想法？

來源

2011-06-30 user127181

根據我的經驗，Firefox是挑剔的@font-face規則預計報價：

@font-face { 
    font-family: AngelinaRegular; 
    src: url('../fonts/angelina-webfont.eot'); 
    src: url('../fonts/angelina-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/angelina-webfont.woff') format('woff'), 
     url('../fonts/angelina-webfont.ttf') format('truetype'), 
     url('../fonts/angelina-webfont.svg#webfontOvuhCGpN') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

來源

2011-07-01 02:08:46 rjb

這正是它是什麼，感謝您的幫助。 – user127181

**不要忘記在'format（）'中添加引號！** :) – m93a

也可能存在與在Firefox的字體跨域問題。請參閱：http://www.cssbakery.com/2010/07/fixing-firefox-font-face-cross-domain_25.html

來源

2012-09-13 15:42:44

我在最後幾天遇到同樣的問題。發現了很多技巧和解決方案，但他們都沒有爲我工作。然後我使用的的buildin webdeveloper控制檯（STRG +移+ K），而不是螢火蟲和瞧，我看到錯誤：

[14:18:36.161] GET http://www.example.com/font/fontawesome-webfont.ttf?v=3.2.0 [HTTP/1.1 401 Authorization Required 21ms]

是，一個401錯誤，因爲頁面位於後方的htaccess的登錄！當我禁用htaccess授權時，一切正常！

這當然只是一個解決方法，沒有解決方案，但是，在你得到像我一樣的危險之前，注意你的站點是否在htaccess登錄後面。能爲您節省大量的時間;）

你可以運行到另一個問題：HTTP & HTTPS 如果使用這兩種協議在您的網站，嵌入這樣的字體：

src: url('//www.example.com/fonts/webfont.eot');

代替這個：

src: url('http://www.example.com/fonts/webfont.eot');

希望能幫助別人。我失去了很多時間，因爲這& $！§％&＃*

來源

2013-09-11 12:55:46 AinStain

哈，我坐了很長時間試圖解決這個問題 - 對我來說，修復是分別調用每個src - 即，而不是（fontsquirrel生成的代碼）：

@font-face { 
    font-family: 'comic_bookregular'; 
    src: url('comic_book-webfont.eot'); 
    src: url('comic_book-webfont.eot?#iefix') format('embedded-opentype'), 
     url('comic_book-webfont.svg#comic_bookregular') format('svg'); 
     url('comic_book-webfont.woff') format('woff'), 
     url('comic_book-webfont.ttf') format('truetype'), 

font-weight: normal; 
font-style: normal; 

}

我這樣做：

@font-face { 
    font-family: 'comic_bookregular'; 
    src: url('../fonts/comic_book-webfont.eot'); 
    src: url('../fonts/comic_book-webfont.eot?#iefix') format('embedded-opentype'); 
    src: url('../fonts/comic_book-webfont.svg#comic_bookregular') format('svg'); 
    src: url('../fonts/comic_book-webfont.woff') format('woff'); 
    src: url('../fonts/comic_book-webfont.ttf') format('truetype'); 

    font-weight: normal; 
    font-style: normal; 

    }

如果你看，fontsquirrel代碼實際上有一個 ';'哪裏應該有'，'但只是修復，沒有幫助。出於某種原因，用分號關閉所有src的時候完成了這項工作，當沒有其他的時候。

來源

2013-12-22 20:26:11 jadefoxxx

對我不起作用:-( –

經過淘洗stackoverflow嘗試每一個建議，並沒有他們的工作，我發現我的代碼後修復，使其工作出了什麼問題。我在字體聲明之間省略了逗號。

我

font-family: "GiveMeTime" sans-serif;

，而不是

font-family: "GiveMeTime", sans-serif;

，並因爲它在其他瀏覽器工作，我沒有注意到這個錯誤。任何其他人有這個問題，檢查它不是一個簡單的字體堆棧錯誤！

來源

2014-02-28 08:52:55

我也經歷過多次的一些問題是關於：config設置gfx.downloadable_fonts.enabled，當設置爲false時，客戶端不會下載任何字體，使得webMail與webfont圖標相當糟糕，正如我在雅虎和辦公室看到的365 webmails ...

來源

2015-04-21 14:38:32 My1

我剛纔有同樣的問題。問題是字體名稱略有不同。 @ font-face中的font-family屬性和我在該類中使用的字體有不同的版式。顯然，計算機網絡瀏覽器比平板電腦更寬容。

來源

2015-10-22 15:56:42

Firefox webfonts無法加載

回答

相關問題