Веб-шрифты Google не отображаются в браузере Chrome

Я создал простое веб-приложение/форму, используя механизм приложений Google. сайт здесь; madhurdrishti.appspot.com

Я использовал некоторые шрифты из веб-шрифтов Google.

ссылка есть;

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

css есть;

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

Шрифты правильно отображаются в IE и FF, но не в хроме. То же можно открыть и в ФФ и в хроме, если у вас есть оба и вы видите разницу.

Кто-нибудь знает, что не так?


google-chrome google-webfonts
person Rishav Sharan    schedule 11.04.2012    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Вам нужно изменить заголовок H3 следующим образом:

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

}

Я только что добавил font-style: italic;, так как вы импортируете выделенную курсивом версию шрифта.

person kernelpanic    schedule 11.04.2012
comment
Спасибо. пока это работает, в Chrome это выглядит ужасно. Все это неровно и с псевдонимами. есть идеи по проблеме? - person Rishav Sharan; 11.04.2012
comment
Да, это не очень красиво. Я не уверен, что вы можете сделать с библиотекой шрифтов Google. Попробуйте сгладить? -webkit-font-smoothing: antialiased; - person kernelpanic; 11.04.2012