谷歌网络字体没有出现在Chrome浏览器上

时间:2012-04-11 08:22:02

标签: google-chrome google-webfonts

我使用谷歌应用引擎创建了一个简单的网络应用/表单。 该网站在这里; madhurdrishti.appspot.com

我使用的是谷歌网络字体中的一些字体。

ref是;

<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中正确显示,但在chrome中没有显示。你可以在FF和chrome中打开相同的,如果你有两个并看到差异。

任何人都有任何关于错误的线索?

1 个答案:

答案 0 :(得分:3)

你需要改变你的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;,因为您正在导入字体的版本