Search code examples
google-chromegoogle-webfonts

google web fonts not showing up on chrome browser

I have created a simple web app/form using google app engine. the site is here; madhurdrishti.appspot.com

I was using some fonts from google web fonts.

the ref is;

<link href='http://fonts.googleapis.com/css?family=Lobster+Two:700italic' rel='stylesheet' type='text/css'>

the css is;

h3 {font-family: 'Lobster Two', cursive;
    text-shadow: -1px 1px 0px #fff;
    font-size:1.4rem;
    line-height: 2;}

The fonts show correctly in IE and FF but not in chrome. You can open the same in FF and in chrome, if you have both and see the difference.

Anyone has any clues as to what is wrong?

Solution

  • You need to change your H3 heading like so:

    h3 {
    font-family: 'Lobster Two', cursive;
    text-shadow: -1px 1px 0px #fff;
    font-size:1.4rem;
    line-height: 2;
    font-style: italic;

}

    I just added font-style: italic; since you're importing italisized version of the font