2014-09-01 157 views
0

我已經在Windows中安裝了新的字體,現在我想在我的網頁中使用該字體作爲自定義字體。在畫面下方,將描述所有我的問題http://i.imgur.com/hkbfA6O.pngCSS自定義字體不工作

enter image description here

的下面是我的代碼

<html> 
    <head> 
     <meta charset='uft-8' /> 
     <style type="text/css"> 
      @font-face { 
       font-family: urdu; 
       src: url(font/urdu/NOORIN01.TTF); 
      } 
      @font-face { 
       font-family: eng; 
       src: url(font/sansation_light.woff); 
      } 

      body{ 
       font-size:30px; 
      } 
      .urdu{font-family:'urdu';} 
      .eng{font-family:'eng';} 
     </style> 
    </head> 
    <body> 
     <div class='urdu'>میں نے آپ کے مسئلے کو قتل کرنے جا رہا ہوں</div> 
     <div>میں نے آپ کے مسئلے کو قتل کرنے جا رہا ہوں</div> 
     <div class="eng">The quick and brown fox jump over the lazy dog.</div> 
    </body> 
</html> 

這裏有字體文件
http://speedy.sh/WdxpP/sansation-light.woff
http://speedy.sh/wEzZ6/NOORIN01.TTF

+0

您的檢查員將該文件顯示爲200還是有錯誤? – tylerlindell 2014-09-01 14:29:26

+0

font/urdu/NOORIN01.TTF路徑很好,沒有錯誤。我認爲編碼問題等 – 2014-09-01 14:30:48

+0

我已經提供代碼和字體以及專家可以自己測試它。 – 2014-09-01 14:32:11

回答

1

的字體是壞了。我使用指定地址的NOORIN01.TTF字體進行了測試,並使用問題中的代碼進行了測試。這是我在Firefox的控制檯(在Win 7)看:

downloadable font: hdmx: Table discarded (font-family: "urdu" style:normal weight:normal stretch:normal src index:0) 
source: [...] 
downloadable font: not usable by platform (font-family: "urdu" style:normal weight:normal stretch:normal src index:0) 
source: file:///C:/Users/Jukka/Documents/Fonts/NOORIN01.TTF 

綜觀字體檢查的字體,我注意到字符被分配給私人使用的碼點。這可以「工作」,但HTML內容需要包含這些代碼點。它顯然無法工作,因爲字體中的某個表被破壞。

結論是:找到另一種字體。

+0

這是烏爾都語言標準字體,我需要爲烏爾都語創建我自己的字體,任何方法來顯示甚至幾個字符與現有的字體。如何進行 – 2014-09-03 14:42:16

+0

@Wasim,我想知道標準可能是什麼。無論如何,找到一種適合特定語言的字體是一個不同的問題,並且在SO上是無關緊要的。無論如何,Arial的現代版本支持烏爾都語,一般而言,即使您沒有做任何事情,您也可以期待您的訪問者的瀏覽器能夠呈現烏爾都語文本。 – 2014-09-03 16:26:35