Html 字体在Firefox和Safari中显得更薄-在Chrome中很好

我正试图让我的字体在mac Chrome、Safari和Firefox上看起来相当一致（稍后将转到IE）

我一直在玩：

 -webkit-font-smoothing: subpixel-antialiased;

字体看起来几乎一样，但safari和firefox的字体看起来至少轻了1磅

我也尝试过：

-webkit-font-smoothing: antialiased;

对于FF：

-moz-osx-font-smoothing: grayscale

我也有这个：

text-rendering: optimizeLegibility !important;

这会使字体看起来几乎相同，但不如亚像素抗锯齿平滑

我是不是错过了一处房产？我知道它们不会在所有浏览器中看起来100%相同，但你会认为chrome和safari都是webkit浏览器，它们是一样的

---

如果有帮助的话，我正在使用谷歌字体的Raleway。

也许你的代码中字体的重量比较轻

---

尝试将字体大小更改为正常

字体大小：正常

或

字体重量：400
我通常在

-webkit-text-stroke: 1px rgba(0,0,0,0.1)

或

我希望这有帮助。谢谢
 我最近遇到了这个问题，我的条件和你一样，字体也一样（谷歌的Raleway）。显然，safari在代码中包含GoogleFonts API发送的字体时，在呈现字体方面存在一些问题

因此，在任何其他浏览器中，此
@导入url(https://fonts.googleapis.com/css?family=Raleway:900);
调用
Raleway font weight 900
。狩猎旅行则不然

解决方案：

首先打开该安全性，使其成为常规的
http
。这是建议的，
@导入url(http://fonts.googleapis.com/css?family=Raleway:900);

然后指定元素上的字体大小

h1{
  font-weight:900;
}

如果您使用较少或SCS，则通过简单的混音，您将能够更轻松地完成这项工作，但这是另一个主题
 我不知道他们为什么否决你。根据SO的说法，这是一个很好的问题，也是一个有效的问题。
h1{
  font-weight:900;
}