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.

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Why hasn't Mozilla fixed an issue where text incorrectly displays as bold?

  • 3 antwoorde
  • 1 het hierdie probleem
  • 9 views
  • Laaste antwoord deur cor-el

more options

I re-developed my website late last year with Wordpress. While testing on all browsers I noticed that text specified as regular or thin fonts displayed as bold on Firefox only. It looked fine on Chrome and even the normally sketchy Safari. I spent hours and hours trying to fix it within the confines of my WordPress template and various plugins to no avail. I searched the web for an answer to this a number of times but nothing worked. I found a ton of posts by other developers having the same issue btw.

Finally, yesterday, I searched the web again and found some CSS code to put into the main style sheet:

html {

 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 font-smoothing: antialiased;
 font-weight: 400;

}

/*** Firefox specific rule ***/

@-moz-document url-prefix() {

 body {
   font-weight: lighter !important;
 }

}

Since this is an issue many others are having and has been around a while, why hasn't Mozilla fixed this yet?

I re-developed my website late last year with Wordpress. While testing on all browsers I noticed that text specified as regular or thin fonts displayed as bold on Firefox only. It looked fine on Chrome and even the normally sketchy Safari. I spent hours and hours trying to fix it within the confines of my WordPress template and various plugins to no avail. I searched the web for an answer to this a number of times but nothing worked. I found a ton of posts by other developers having the same issue btw. Finally, yesterday, I searched the web again and found some CSS code to put into the main style sheet: html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; } /*** Firefox specific rule ***/ @-moz-document url-prefix() { body { font-weight: lighter !important; } } Since this is an issue many others are having and has been around a while, why hasn't Mozilla fixed this yet?

All Replies (3)

more options

I don't the End user help forum is for programming issues. That should be directed to the bug Mozilla support to look into that.

more options

o-o--LOKI--o-o said

I re-developed my website late last year with Wordpress. While testing on all browsers I noticed that text specified as regular or thin fonts displayed as bold on Firefox only. It looked fine on Chrome and even the normally sketchy Safari. I spent hours and hours trying to fix it within the confines of my WordPress template and various plugins to no avail. I searched the web for an answer to this a number of times but nothing worked. I found a ton of posts by other developers having the same issue btw. Finally, yesterday, I searched the web again and found some CSS code to put into the main style sheet: html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; } /*** Firefox specific rule ***/ @-moz-document url-prefix() { body { font-weight: lighter !important; } } Since this is an issue many others are having and has been around a while, why hasn't Mozilla fixed this yet?

Hi, would not know as Support Volunteers are not privy to such information. You can try here for info : https://discourse.mozilla.org/ maybe here : https://developer.mozilla.org/en-US/docs/Mozilla/Developer_guide Plus if you use W3C Standards which Firefox follows, check your code : HTML https://validator.w3.org/ CSS https://jigsaw.w3.org/css-validator/

If wanting to leave a comment about this please go to 3 Bar Menu --> Help --> Submit Feedback this will be reviewed by a team of experts.

Please let us know if this solved your issue or if need further assistance.

more options

Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?

Did you check in the Inspector what font and font settings Firefox uses?

You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected.