Why hasn't Mozilla fixed an issue where text incorrectly displays as bold?
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)
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.
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.
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.