html - 字体在 Firefox 和 Safari 中显得更细 - 在 Chrome 中很好

Question

我正在尝试让我的字体在 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 浏览器，它们应该是相同的。

如果有任何帮助，我正在使用 Google 字体中的 Raleway。

Answer 1

我通常使用这种方法

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

或

-webkit-text-stroke: 0.5px
-webkit-text-stroke-color: same color as text;

希望对您有所帮助。谢谢!