谷歌网页字体未显示在 chrome 浏览器上答案

【问题标题】：google web fonts not showing up on chrome browser谷歌网页字体未显示在 chrome 浏览器上
【发布时间】：2012-04-11 21:46:58
【问题描述】：

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

我使用了一些来自谷歌网络字体的字体。

参考是;

<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 中打开相同的文件，如果您同时拥有两者并查看区别。

任何人都知道出了什么问题吗？

【问题讨论】：

标签： google-chrome google-webfonts

【解决方案1】：

您需要像这样更改 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;，因为您正在导入字体的斜体版本

【讨论】：

谢谢。虽然它有效，但在 Chrome 上看起来很糟糕。它都是锯齿状和混叠的。关于这个问题的任何想法？
是的，它不是很漂亮。我不确定你能用谷歌字体库做什么。尝试平滑？ -webkit-font-smoothing: antialiased;