Question

我有一个joomla网站，我试图使用字体＆＃34;蒙特塞拉特＆＃34;来自谷歌的一些课程。

字体在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处理器正在删除引号

...然后我发现我们的react应用程序中的 css处理器（cssnano）正在删除引号，因此我的字体是从我的计算机而不是Google服务器本地加载的。

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

查看以下内容：https://github.com/cssnano/cssnano/issues/177

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

2 个答案: