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.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

Website Fonts have a Black Stroke/Outline

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

Ryujin
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)

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

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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.

Ryujin
Ryujin Question owner
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