[v56+] Type about:preferences#general<enter> in the address box. Under fonts and colors, press the Advanced button. Scroll to the bottom, turn on Allow Web Sites To Choose Their Own.

Make sure you haven't enabled a High Contrast theme in the OS settings.

• We have seen reports that this can be caused by a problem with fonts like Roboto or Helvetica that

you have installed locally and that might be corrupted or are missing some variants. Also, make sure you allow pages to choose their own fonts and that you do not block remote (downloadable) fonts.

• https://support.mozilla.org/questions/1325619 Weird font on some website's

• If you use uBlock Origin make sure not to "block remote fonts".

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

• https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML

You can check in the Rules tab in the right panel in the Inspector what font-family is used for selected text. You can check in the Fonts tab in the right panel in the Inspector what font is actually used because Firefox might be using a different font than specified by the website.

• https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_fonts

You can also check the Web Console for relevant-looking messages.

• https://developer.mozilla.org/en-US/docs/Tools/Web_Console