font-face沒有在Firefox上顯示

我的@ font-face在我試過的每一個其他瀏覽器中都能正常工作，但是在Windows上的Firefox上，它會加載字體資源，但會顯示回退。這是有問題的代碼：font-face沒有在Firefox上顯示

@font-face { 
    font-family: 'VanillaRegular'; 
    src: url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.eot'); 
    src: url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.woff'), 
     url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.ttf'), 
     url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.svg#VanillaRegular'); 
    font-weight: normal; 
    font-style: normal; 
}

然後我嵌入了這樣的：

.post h3 { 
border-bottom:1px solid #c7e7fa; 
color:#51514E; 
font-size:22px; 
font-weight:bold; 
line-height:1.4em; 
margin:0.25em 0 8px; 
padding:0 0 4px; 
font-family: "VanillaRegular", Arial, sans-serif; 
}

有沒有辦法，我特別需要針對Firefox做一些事情，或者僅僅是我的代碼？

編輯：應該添加，使用Firefox 8，最終產品是在Blogger上。

來源

2011-12-13 Space

如果將'ttf'字體放在最後？你需要所有其他的後備？ – Blender

最後放置ttf並沒有幫助，所有其他回退都是首選，因爲較老的Internet Explorer版本上的很多用戶都會訪問。 – Space

把這些字體放在你自己的服務器上，他們會工作。 Firefox不能外包字體。

來源

2011-12-13 04:48:18 henryaaron

這就是奇怪的部分！它適用於小演示頁面，但不適用於將其嵌入網站中的情況。（這是在博客上的方式） – Space

@Space編輯我的答案 – henryaaron

啊，這是有道理的。遺憾的是，Blogger不允許您託管文件。（不是我對主持人的選擇...... Blogger有時很煩人！）感謝您的幫助。 :) – Space

我相信這是因爲你有

@font-face { 

... Snip 

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

和你的CSS你有

.post h3 { 
... snip 

font-weight:bold; 

... snip 
}

除非你有更多的代碼中有你需要另一個聲明的粗體字。

結賬css3.info的文章。

來源

2011-12-13 04:41:56

這使得總體感覺，我試過了，但無濟於事。仍然顯示備用字體。 – Space

@space wait ...我應該先問：你使用的是哪個版本？ –

我使用Firefox 8. – Space

font-face沒有在Firefox上顯示

回答

相關問題