This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Ask about font-weight more lighter in Firefox than other browsers

  • 3 replies
  • 1 has this problem
  • 203 views
  • Last reply by McCoy

Richard Bravo
Richard Bravo
more options

Hi,

I'm Richard. Now, I'm as a web developer at https://autospix.com

I want to ask why font-weight in Firefox is lighter in Firefox than in other browsers (e.g. Chrome). Like if you set font-weight: 700, it works fine in Chrome but in Firefox it looks like set to 500.

Thanks

Hi, I'm Richard. Now, I'm as a web developer at https://autospix.com I want to ask why font-weight in Firefox is lighter in Firefox than in other browsers (e.g. Chrome). Like if you set font-weight: 700, it works fine in Chrome but in Firefox it looks like set to 500. Thanks

Chosen solution

Hello Richard Bravo,

Every browser uses its own font-rendering engine, my guess is that's why the font will be lighter in one browser than in the other.

Also see :

https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight

Read this answer in context 👍 1

All Replies (3)

McCoy
McCoy
more options

Chosen Solution

Hello Richard Bravo,

Every browser uses its own font-rendering engine, my guess is that's why the font will be lighter in one browser than in the other.

Also see :

https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight

Richard Bravo
Richard Bravo Question owner
more options

McCoy said

Hello Richard Bravo, Every browser uses its own font-rendering engine, my guess is that's why the font will be lighter in one browser than in the other. Also see : https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight

Thank you, I'll take a look for this

McCoy
McCoy
more options

Maybe you'll also find this interesting :

https://stackoverflow.com/questions/47700568/css-fonts-render-differently-in-firefox-and-chrome