Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

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.
Solved Archived

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

Firefox Site breakages
McCoy replied
Richard Bravo
Richard Bravo

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

All Replies (3)

McCoy
McCoy

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

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

Maybe you'll also find this interesting :

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