Javascript 如何正确地包含css使用的谷歌字体？

我现在正在使用这种字体：

根据指南，我只需要包含一个这样的链接

我已经试过了。。。它奏效了，但我的问题是：

Firefox和Chrome的输出不同

铬：

火狐：

正如你从这两张照片中看到的。。。Firefox正在正确平滑地显示它

---

我错过了什么？chrome的显示器不太好。。非常感谢您的帮助。

这取决于浏览器的默认字体。您没有在样式中指定

字体大小

。如果添加

font-weight:300
编辑我发现你在谷歌字体中添加的样式导致了这个问题。如果只添加
300
和
300斜体
，则会得到更好的结果


正文{
字体系列：“Roboto”；
字体风格：普通；
字体大小：300；
}
b{
字体大小：粗体；
}


一些文本
定义字体在身体中的重量，以便所有浏览器都能处理相同的字体

字体大小：300
 甚至还有关于如何在谷歌字体中包含它们的教程。。而且成功了。。但是显示不是很好。请先阅读。看，这可能会有帮助。@johnraybulin我已经编辑了我的答案。这有可能解决你的问题吗？这不总是有效的。有时，它只是取决于浏览器的渲染。这是真的。但是，如果您确保所有浏览器的所有样式都相同，则不同结果的可能性最小。请尝试此。。不起作用..试试这个帖子吧，伙计解释了一切：