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”，你会发现它不再存在。

为什么Google字体不起作用？

4 个答案: