0

I have a joomla site and i tried to use the font "Montserrat" from google on some classes.

The font looks good on chrome and I.E., but looks bold or bolder on firefox.

The css that i tried

p
{
     font-weight: normal;
}

p
{
     font-weight: 400;
}

I found a thousand topics on internet, no solution.

Jongware
  • 21,685
  • 8
  • 47
  • 95
Lucas Catani
  • 27
  • 1
  • 10

2 Answers2

0

Try this maybe help:

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;
  }
}
Pratikno Rulianto
  • 879
  • 6
  • 8
0

I've been struggling with this:

CSS pre-processor is removing quotation marks

...then I've found out that:
CSS processor (cssnano) in our React app is removing quotation marks

So my font is loading locally from my computer, not from Google's servers. This causes a different font file in Firefox than in Chrome.

Check this out: https://github.com/cssnano/cssnano/issues/177

Rana
  • 2,415
  • 2
  • 6
  • 25
fvrab
  • 628
  • 7
  • 14