Join us and the lead editor of IRL, Mozilla's multi-award-winning podcast, for a behind-the-scenes look at the pod and to contribute your ideas for the next season, themed: "AI and ME." Mark your calendar and join our Community Call on Wednesday, Aug 7, 17:00–17:45 UTC. See you there!

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
  • 1 view
  • 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