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

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

Answer 2

它正在工作！您第一次打错了字，但现在可以了。

尝试一下

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

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

Answer 3

在 css 中添加 !important 标签即可修复此问题。

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

Answer 4

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