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.

Firefox styles are broken, even for pages like about:config

  • 4 replies
  • 1 has this problem
  • 2 views
  • Last reply by zark0

zark0
zark0
more options

The styles look astonishingly wrong, I really think it is a problem on my end, but cant figure out how to fix it, as you can see in the pictures, text is incorrectly sized and/or justified, color gradients are also weird looking, as well as sizing of many elements and tons of other things.

I have tried to completely remove Firefox from my system and reinstalling it, that did not seem to fix it. The reason I think is is a problem of mine is because i was playing with fonts (emojis weren't working on my system,not on Firefox tho, now they are in both)

I don't think the things i did with the fonts did anything to Firefox, since this problem only showed up on Firefox, but since the problem arrived just after a reboot while I was installing and removing the fonts, I think its important to mention.

To sum up I think the problem comes from my local configuration of Firefox, I probably did not delete it all before reinstalling, I am running (Arch btw) a current version of EndevourOS.

The styles look astonishingly wrong, I really think it is a problem on my end, but cant figure out how to fix it, as you can see in the pictures, text is incorrectly sized and/or justified, color gradients are also weird looking, as well as sizing of many elements and tons of other things. I have tried to completely remove Firefox from my system and reinstalling it, that did not seem to fix it. The reason I think is is a problem of mine is because i was playing with fonts (emojis weren't working on my system,not on Firefox tho, now they are in both) I don't think the things i did with the fonts did anything to Firefox, since this problem only showed up on Firefox, but since the problem arrived just after a reboot while I was installing and removing the fonts, I think its important to mention. '''To sum up I think the problem comes from my local configuration of Firefox, I probably did not delete it all before reinstalling, I am running (Arch btw) a current version of EndevourOS.'''

Chosen solution

Could be a problem with the emojione-color font that is used for the spaces.

  • /questions/1373855 Monospace font not being chosen correctly when font-family starts with missing fonts
  • 1333087 - System fonts not being loaded when used in font-family on Linux

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)

Read this answer in context 👍 1

All Replies (4)

zark0
zark0 Question owner
more options

Pictures did not want to upload here, so I uploaded them to imgur

https://i.imgur.com/bESiUVz.png https://i.imgur.com/78RDl6F.png https://i.imgur.com/qoDTgOA.png https://i.imgur.com/Ws0UvYM.png https://i.imgur.com/GZG6XvF.png

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

Chosen Solution

Could be a problem with the emojione-color font that is used for the spaces.

  • /questions/1373855 Monospace font not being chosen correctly when font-family starts with missing fonts
  • 1333087 - System fonts not being loaded when used in font-family on Linux

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)

Modified by cor-el

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

You can right-click and select "Inspect" to open the built-in 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.

zark0
zark0 Question owner
more options

cor-el said
Could be a problem with the emojione-color font that is used for the spaces.
  • /questions/1373855 Monospace font not being chosen correctly when font-family starts with missing fonts
  • 1333087 - System fonts not being loaded when used in font-family on Linux
(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)

Thanks! As mentioned by the linked bug reports the culprit was a font, but not the one mentioned (emojiOne) for me it was the font Notto Color Emoji, just disabled it for the whole system, now firefox looks normal again, but cant porpertly use emojis on the rest of my system, not an amazing solution, i'll just find an alternative later, that does not break firefox.

Modified by cor-el