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.

Fonts on certain sites are odd

  • 8 replies
  • 1 has this problem
  • 3 views
  • Last reply by cor-el

kris0089
kris0089
more options

Certain websites font's have gone weird in Firefox, it's not reproducable on other computers just my own.

I have looked through this community and run through: 

   Set gfx.canvas.azure.backends & gfx.content.azure.backends to direct2d1.1,skia,cairo
   Set gfx.font_rendering.cleartype_params.rendering_mode to 0
   Set gfx.downloadable_fonts.otl_validation to true
   Disabled hardware acceleration

Firefox Version is: 90.0.2 64-bit Windows 10 21H1 All drivers are up to date

Attached are screenshots from Chrome (what the website is meant to look like) & Firefox - I prefer Firefox over Chrome so I would rather not move.

Certain websites font's have gone weird in Firefox, it's not reproducable on other computers just my own. I have looked through this community and run through: Set gfx.canvas.azure.backends & gfx.content.azure.backends to direct2d1.1,skia,cairo Set gfx.font_rendering.cleartype_params.rendering_mode to 0 Set gfx.downloadable_fonts.otl_validation to true Disabled hardware acceleration Firefox Version is: 90.0.2 64-bit Windows 10 21H1 All drivers are up to date Attached are screenshots from Chrome (what the website is meant to look like) & Firefox - I prefer Firefox over Chrome so I would rather not move.
Attached screenshots

All Replies (8)

FredMcD
FredMcD
more options

Type about:preferences#general<enter> in the address bar. Across from fonts and colors, press the Advanced button. On 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.

kris0089
kris0089 Question owner
more options

FredMcD said
Type about:preferences#general<enter> in the address bar. Across from fonts and colors, press the Advanced button. On 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.

Hi FredMcD,

This is already ticked - I havent got High contrast settings set either on Windows 10 - It's default (I dont like to mess with the themes)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

It looks that Firefox is using a condensed or narrow font variant.

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.

kris0089
kris0089 Question owner
more options

It's using Helvetica Compressed, yet i've looked into the source code for this site and they dont use it

kris0089
kris0089 Question owner
more options

Found another website this happens on - Facebook's login page.

Terry
Terry
more options

There have been posts on reddit about Helvetica fonts. One user was advised to delete the particular fonts from his computer. I will post the link separately as it has to be moderated.

Terry
Terry
more options

OK, this is one link: https://www.reddit.com/r/firefox/comments/nvhwzm/texts_in_some_sites_wont_load_whats_going_on/

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

See also:

  • 1714197 - font-family "Helvetica" displays the "Compressed" variant if base variants not installed