2014-09-01 118 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