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

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

将 !important 标签添加到您的 CSS 将修复它。

#fontTest {font-family: 'Lohit Devanagari', serif !important}

Answer 2

您需要具有如下字体系列：

font-family: 'Lohit Devanagari', serif;

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

Answer 3

这是工作！你第一次打错了，但现在可以了。

试试看

<div id="fontTest">
    It's working!<br/>
    सभी मनुष्यों को गौरव और अधिकारों के मामले में जन्मजात स्वतन्त्रता और समानता प्राप्त है। उन्हें बुद्धि और अन्तरात्मा की देन प्राप्त है और परस्पर उन्हें भाईचारे के भाव से बर्ताव करना चाहिये
</div>

见http://jsfiddle.net/UbDcg/5/

Answer 4

有问题的字体“Lohit Devanagari”似乎已从 Google 站点中删除： http ://www.google.com/webfonts/ 尝试在该站点搜索“Lohit Devanagari”，您会发现它不再存在。