Why is Google font not working?

Question

I am using Google font from http://www.google.com/webfonts/earlyaccess but it's not working as it suppose to. Any ideas.

I set up a basic version at http://jsfiddle.net/UbDcg/4/ which is not working like it suppose to .

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;
 }

Yea... I just realized that.. but still not working – rex Feb 12 '13 at 05:21 — rex, Feb 12 '13 at 05:21

score 0 · Answer 1 · answered Feb 12 '13 at 05:18

0

You need to have the font-family as follows:

font-family: 'Lohit Devanagari', serif;

That's how it is displayed in the Google documentation: http://www.google.com/webfonts/earlyaccess

answered Feb 12 '13 at 05:18

Ron L

45
5

score 0 · Answer 2 · answered Feb 12 '13 at 05:32

0

It is working! You've made a typo the first time, but now it's working.

Try it with

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

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

answered Feb 12 '13 at 05:32

emi

697
1
6
19

Thank you for working on it... but I am not understanding the part where it's working! is still showing up in english!!... Isn't that suppose to show in Hindi as well? – rex Feb 12 '13 at 05:42
Wait... you mean like an automatic translation? Fonts are only "images" of letters and symbols, you can't convert between languages by only changing the font! – emi Feb 12 '13 at 05:48

score 0 · Answer 3 · answered Apr 22 '15 at 15:46

0

Adding an !important tag to your css will fix it.

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

answered Apr 22 '15 at 15:46

Neil Philip Whitehead

935
1
7
11

score 0 · Answer 4 · answered Feb 11 '16 at 22:02

0

The font in question "Lohit Devanagari" appears to have been removed from the Google site: http://www.google.com/webfonts/ Try searching that site for "Lohit Devanagari" and you will see it no longer exists.

answered Feb 11 '16 at 22:02

user280109

1,476
3
16
27

Why is Google font not working?

4 Answers4