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

Is there any way to avoid thin/faint text in Firefox?

  • 2 majibu
  • 1 ana tatizo hili
  • 1 view
  • Last reply by MarjaE

more options

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?

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?

All Replies (2)

more options

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

Modified by Terry

more options

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.