Firefox中的谷歌网络字体权重答案

【问题标题】：google web-fonts weights in firefoxFirefox中的谷歌网络字体权重
【发布时间】：2016-02-06 13:11:34
【问题描述】：

我在我的项目中使用roboto字体，并在我的HTML中集成了如下字体：

<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic,700,700italic,900,900italic,100' rel='stylesheet' type='text/css'>

在 CSS 中：

body {
    font-family: 'Roboto', sans-serif;
}

问题是：当我使用 font-weight 属性时，它在 Chrome 中正常工作，但在 Firefox 中不能正常工作，我怎样才能让它在 Firefox 中工作？ font weight 300, left one chrome right one firefox

【问题讨论】：

请查看右侧相关部分的其他问题。 font weights differing in webkit and firefox 的可能重复项

标签： html css cross-browser google-webfonts

【解决方案1】：

这可能是 OSX 上的抗锯齿问题，FF 允许您通过 css 对其进行控制，以便 OSX 修复它。

将此添加到您的 CSS 文件中。

-moz-osx-font-smoothing: grayscale;

【讨论】：

【解决方案2】：

我已经从故障排除中重新启动了我的 ff 浏览器，现在它工作正常谢谢大家。 :)

【讨论】：