css - Firefox 上的 Google 网络字体 Montserrat 问题 - 粗体

Question

我有一个 joomla 网站，我尝试在某些类(class)中使用来自 google 的字体“Montserrat”。

该字体在 chrome 和 IE 上看起来不错，但在 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;
  }
}