Firefox上的谷歌网络字体蒙特塞拉特问题 - 大胆

Question

我有一个joomla网站，我试图在一些类上使用谷歌的字体“蒙特塞拉特”。

Chrome和I.E.上的字体看起来不错，但在firefox上看起来很大胆或更大胆。

我试过的CSS

p
{
     font-weight: normal;
}

p
{
     font-weight: 400;
}

我在互联网上发现了一千个主题，没有解决方案。

Answer 1

试试这个可能有帮助：

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


/* and browser specific rule at the bottom */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

Answer 2

我一直在努力解决这个问题。

CSS处理器正在删除引号

...然后我发现我们的反应应用程序中的css处理器（css​​nano）正在删除引号，所以我的字体是从我的计算机本地加载，而不是谷歌服务器。

这导致Firefox中的字体文件与Chrome不同。

看看这个：https://github.com/cssnano/cssnano/issues/177