X
Tap here to go to the mobile version of the site.

Support Forum

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

Posted

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?

Additional System Details

Installed Plug-ins

  • Shockwave Flash 29.0 r0

Application

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:60.0) Gecko/20100101 Firefox/60.0

More Information

WestEnd 60 solutions 5387 answers

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.

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.
Shadow110 1072 solutions 14836 answers

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.

''o-o--LOKI--o-o [[#question-1218857|said]]'' <blockquote> 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? </blockquote> 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.
cor-el
  • Top 10 Contributor
  • Moderator
17516 solutions 158398 answers

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.

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. *https://developer.mozilla.org/en/Tools/Page_Inspector *https://developer.mozilla.org/en/Tools/Page_Inspector/How_to/View_fonts