2012-01-04 30 views
1

我正在使用下面的代碼。字體handvolk正確加載,但第三個(cepnet)沒有。@ font-face ttf不顯示(條形碼)

@font-face { 
    font-family:"hand"; 
    src:url("hand.ttf") format("TrueType"); 
} 

@font-face { 
    font-family:"volk"; 
    src:url("volk.ttf") format("TrueType"); 
} 

@font-face { 
    font-family: "cepnet"; 
    src:url("ECTSymbol.ttf") format("TrueType"); 
} 

爲什麼不加載?

這些字體來自不同的來源,所以我不確定是否有任何類型的版權或文件格式,只有第三個是條形碼字體字體。這可能是一個原因嗎?

所有文件都在相同的目錄中並拼寫正確。

*編輯:*在Windows系統上使用Firefox 9.x。在HTML如下:

<span style='font-family: cepnet, Sans-Serif; color: #f60;'>/046240608\</span><br /> 
<span style='font-family: hand, Sans-Serif; color: #f06;'>/046240608\</span><br /> 
<span style='font-family: volk, Sans-Serif; color: #6f0;'>/046240608\ Hello</span><br /> 

而且使用<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' http://www.w3.org/TR/html4/strict.dtd'>

UPDATE:另外我測試過的字體使用的字體瀏覽器和Windows字符(條形碼)正確顯示。 Alson在Windows Office應用程序中的字體是正確的。這似乎是瀏覽器問題,因爲我已經在this site上進行了測試,結果不是條形碼。

+1

你可以發佈使用這些字體的CSS和相關的HTML嗎? – 2012-01-04 20:43:14

+0

查看Chrome中的Inspector。機會是,它會告訴你一些錯誤。 – cdeszaq 2012-01-04 20:44:22

+0

你是什麼意思「不加載」?你的意思是這個頁面是空白的,或者是有錯誤信息? – egrunin 2012-01-04 20:47:56

回答

0

我假設你從該頁面的字體:ECTSymbol.TTF

大多數字體是空的空間,只有/1234567890:等少數值會顯示出來。

+0

是的,只使用數字和有效字符。 – 2012-01-04 21:00:14