2013-06-12 24 views
0
@font-face { 
    font-family: iconFont; 
    src: local(iconFont), url('fonts/iconFont.ttf') format('opentype'); 
} 

字體文件沒有損壞,並安裝在OSX等罰款,讓我預覽它。但是當我嘗試在網頁上使用它時,它不會呈現任何東西,或者即使我在Illustrator中選擇它,如果我觸摸任何鍵,它都會切換到另一種字體。使用@ font-face聲明和一般的應用程序的字體問題

字體是'正常',我已嘗試其他選項,但它不會工作。曾嘗試打開/關閉帽等打字使用數字鍵盤,沒有。重新安裝並確保沒有重複。它在Windows中也不起作用。不知道是否需要以某種方式更改我的css,或者錯誤與字體一起放置。

這是任何想要嘗試的字體的鏈接。這是一堆地鐵圖標。 http://www2.zippyshare.com/v/23494573/file.html

回答

0

不知道這是否會有所幫助,但這是我使用的CSS,它工作正常。該網絡字體目錄是在相同的目錄css文件,包括三類文件:.eot的.ttf .woff

@font-face { 
    font-family: 'AvenirLT-Book'; 
    src: url('webfonts/25EE2B_0_0.eot'); 
    src: url('webfonts/25EE2B_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/25EE2B_0_0.woff') format('woff'), url('webfonts/25EE2B_0_0.ttf') format('truetype'); 
} 

一個典型的類decleration:

.AvenirLT-Book { 
    font-family: AvenirLT-Book; 
    font-weight: normal; 
    font-style: normal; 
} 

也許你需要改變格式爲('truetype')而不是('opentype')

+0

不行,還是不行。我感覺字體文件有問題。它驗證和預覽很好,但出於某種奇怪的原因,當我嘗試使用它輸入任何內容時,什麼都沒有顯示出來,即使在像Illustrator這樣的應用程序中也是如此。 – LaserBeak

+0

是的,聽起來很喜歡它。我想你可以嘗試使用不同的字體,看看是否發生了同樣的事情... – lukeocom