@ bootstrap中的font-face字體css在firefox中不顯示

我能夠在chrome中顯示字體，但不能在Firefox中顯示。我想知道這是否是一個問題，因爲我使用引導框架。這裏是我的代碼：@ bootstrap中的font-face字體css在firefox中不顯示

@font-face 
{ 
    font-family:"bodyFont"; 
    src: url("http://caseymmiller.com/galapagos/fonts/museosans_300.otf"); 
} 

body 
{ 
    margin: 0; 
    font-family: "bodyFont"; 
    font-size: 15px; 
    line-height: 20px; 
    color: #333333; 
    background-color: #ffffff; 
}

而且，當它上傳到我的服務器，只有一個字體現在出現在Chrome瀏覽器...和本地採購是行不通的，所以我刪除它。我很困惑。 http://caseymmiller.com/galapagos/bootstrapInvasive/Invasive.html

這就是我現在的CSS。我嘗試了您之前列出的內容，但是在爲每種字體採集兩個網址時，它們都不會顯示。這就是爲什麼有些人現在被註釋掉了。這些是我從現在開始使用的來源。

@font-face 
{ 
font-family:"headerFont"; 
src: url("http://livinggalapagos.org/static/Fonts/qhyts__.ttf"); 
/*src: url("http://livinggalapagos.org/static/Fonts/qhyts__.woff");*/ 

} 

@font-face{ 
font-family:"subHeadFont"; 
src: url("http://livinggalapagos.org/static/Fonts/museosans_500.ttf"); 
src: url("http://livinggalapagos.org/static/Fonts/museosans_500.woff"); 

} 

@font-face{ 
font-family:"bodyFont"; 
src: url("http://livinggalapagos.org/static/Fonts/museosans_300.ttf"); 
/*src: url("http://livinggalapagos.org/static/Fonts/museosans_300.woff");*/ 

}

來源

2013-02-21 user1855009

等等，我很困惑。我已經包含了.ttf格式。我改變了行添加分號，但仍然沒有運氣。這是你的意思嗎？ url（'fonts/museosans_300-webfont.ttf'）格式（'truetype'）; – user1855009 2013-02-21 18:21:05

我想我會嘗試在本地獲取它們，但它不起作用，所以我再次使用url來源。 – user1855009 2013-02-21 20:00:46

現在他們都出現在鉻和safari中。 – user1855009 2013-02-21 20:10:48

@font-face是一個複雜的屬性。以下是一些可能幫助您編寫「跨瀏覽器」@font-face的資源。

https://developer.mozilla.org/pt-BR/docs/CSS/@font-face

http://www.fontsquirrel.com/tools/webfont-generator

來源

2013-02-21 17:39:45

我想知道，如果你沒有在你的財產的2錯字？

src: url('fonts/museosans_300-.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
url('fonts/museosans_300-.ttf') format('truetype'), /* Safari, Android, iOS */

不應該這兩個是

src: url('fonts/museosans_300-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
url('fonts/museosans_300-webfont.ttf') format('truetype'), /* Safari, Android, iOS */

注意添加web字體在文件路徑的結尾。

確保在進行這些更改後清除瀏覽器緩存。

祝你好運！

來源

2013-02-21 19:07:27

@ bootstrap中的font-face字體css在firefox中不顯示

回答

相關問題