![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
Is there any way to avoid thin/faint text in Firefox?
I have trouble reading small, thin, and faint text.
I already use about:preferences, userContent.css, and userChrome.css to set my preferred fonts and font sizes. I think I can also use them to set font-weight.
But I want body text to be good and readable, and I still want bold text and header text to stand out. So I don't want to set *everything* to font-weight 500. So is there a way to set a range from 500 to 900, or a minimum of 500 but leave bolder fonts unaffected, or set everything which wasn't already bold to 500, and anything that was to 700?
Wšykne wótegrona (2)
For web content, you can set a general weight in userContent.css and in subsequent stanzas specify particular weights which you want in preference to that for particular sites or particular elements. The first and second examples below are alternatives.
So, for example :
@-moz-document url-prefix("http:"), url-prefix("https:") {... @-moz-document regexp("https:.*"), regexp("http:.*") {... @-moz-document domain(support.mozilla.org) {...
EDIT : See https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
Wót Terry
Thanks.
It turned out I was using the wrong set of font-weight instructions. Using
- {font-weight: bolder !important;}
Isn't ideal, but it is adequate.