2013-08-30 17 views
1

對不起可能是一個愚蠢的,但我不能使用@ font-face與倍數,我有3個.ttf文件保存在文件夾'字體'@ font-face .ttf文件多個,一些工作,一些失敗

@font-face 
{ 
font-family:'sansation'; 
src: url('fonts/Sansation_light.ttf') format('truetype'); 
} 
p 
{ 
text-align:left; 
font-family:'sansation'; 
font-size:16px; 
} 

以上工作正常,但是當我做跟別人一樣的東西:

@font-face 
{ 
font-family:'ttf_outwrite'; 
src: url('fonts/outwrite.ttf') format('truetype'); 
} 
a 
{ 
font-size:20px; 
font-family:'ttf_outwrite'; 
} 

...這似乎並沒有在所有鏈接。這可能與多個.ttf文件? 如果您想嘗試複製該問題,可以從http://www.fontspace.com/ttf幾秒鐘內下載字體。

任何幫助表示讚賞。

感謝,

+0

這應該是工作。既然你聲稱它不是,那麼就必須有一些與你在這裏發佈的內容不相關的東西導致這個問題......你有沒有看過:www.google.com/fonts作爲替代方案? – Xarcell

+0

爲了讓我調試你的問題,爲什麼它不工作,我需要看到網頁。 – Xarcell

+0

嗨,非常感謝回覆,它不是在現場系統上,而是仍然在本地進行測試。 在閱讀您的回覆之後,我重新測試了本地主機,進入桌面等,每次我只嘗試使用sansation字體加載。請隨意複製本地,我擔心字體文件已損壞,雖然他們看起來不錯。我可以通過電子郵件發送字體,這樣您可以在本地機器上嘗試它,如果這有幫助的話? –

回答

0

我一直有與某些字體而不是其他工作的.ttf文件同樣的問題。我的解決方案是一個工作,圍繞我轉換的字體對WOFF文件類型:

@font-face { 
    font-family: "trade"; 
    src: url(/static/common/fonts/trade-gothic-bold.ttf) format("truetype"), url(/static/common/fonts/trade-gothic-bold.eot) format("embedded-opentype"), url(/static/common/fonts/trade-gothic-bold.woff) format("woff"); 
} 

我知道這並不能解決根本問題,並希望有人有更好的答案。我的.ttf文件沒有損壞,因爲我將.woff從它轉換而來。我的想法是,在這些非工作的.ttf文件中必須有一些東西讓它們對瀏覽器不可解釋,但不會損壞。

相關問題