This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Website Fonts have a Black Stroke/Outline

  • 3 replies
  • 1 has this problem
  • 24 views
  • Last reply by Ryujin

more options

Some sites like OP.GG have a black stroke on letters. I've already looked at other forums and options.


Settings > Language and Appearance > Fonts and Colors > Advanced > Allow pages to choose their own fonts, instead of your selections above. This method does not work along with disabling high contrast (disabled already)

Any sort of help would be appreciated except telling me what I already did. Thank you

Some sites like OP.GG have a black stroke on letters. I've already looked at other forums and options. Settings > Language and Appearance > Fonts and Colors > Advanced > Allow pages to choose their own fonts, instead of your selections above. This method does not work along with disabling high contrast (disabled already) Any sort of help would be appreciated except telling me what I already did. Thank you
Attached screenshots

Chosen solution

You can check for font related issues.

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

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 Font 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.

Read this answer in context 👍 1

All Replies (3)

more options

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.

more options

Chosen Solution

You can check for font related issues.

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

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 Font 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.

more options

cor-el said

You can check for font related issues. You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected. 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 Font 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.

Using the inspector, I was able to find out what font the website was using. Which was Helvetica 75 Bold Outline, I ended up deleting the font from my windows fonts folder. Fixing everything, Thanks a bunch!

edit: grammar

Modified by Ryujin