字体在不同浏览器中看起来不同

Question

我用过＃34; Raleway＆＃34;我的网页中的字体。但在不同的浏览器中看起来不同有什么方法可以解决这个问题吗？

以下是我使用的链接。

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />

下面是crome和firefox视图中的图像：

在firefox字体中看起来有点大胆和阴影。

Answer 1

使用此。

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased
}

如果不能正常工作

body {
    -webkit-font-smoothing: antialiased!important;
    -moz-font-smoothing: antialiased!important;
    -o-font-smoothing: antialiased!important;
    font-smoothing: antialiased!important;
}

Answer 2

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}