css - 为什么 Google 字体不起作用？

Question

我使用来自 http://www.google.com/webfonts/earlyaccess 的 Google 字体但它没有像预期的那样工作。任何想法。

我在 http://jsfiddle.net/UbDcg/4/ 设置了一个基本版本这不像它想象的那样工作。

HTML

 FONT RESOURCE:<br>
 http://www.google.com/webfonts/earlyaccess<br>

<div id="fontTest">
   Lohit font why not working ...
</div>

CSS

  @import url(http://fonts.googleapis.com/earlyaccess/lohitdevanagari.css);    

 body{
      font-family: verdana,helvetica,arial,sans-serif;
      font-size:12px;
 }

#fontTest{
     background:#e8e8e8;
     padding:20px;
     margin-top: 20px;
     font-family: 'Lohit Devanagari', serif;
 }

Answer 1

你需要有如下的字体系列:

font-family: 'Lohit Devanagari', serif;

这就是它在 Google 文档中的显示方式:http://www.google.com/webfonts/earlyaccess