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.

Disabling 'Show animations in Windows' changes the way text is shown on some websites.

  • 4 replies
  • 0 have this problem
  • 1 view
  • Last reply by zeroknight

SiwelTheLongBoi
SiwelTheLongBoi
more options

When I turn off the windows animations in Windows 10 the font on Twitter.com changes somewhat. I believe it is altering the character spacing/scaling.

I have not had this behavior on other browsers (Brave, Edge, Chrome & OperaGX tested). I have not noticed this on other websites, but I also haven't really looked.

Windows version 22H2 (OS Build 19045.4291) Firefox version 124.0.2

Images provided are with them off, then on

Steps to recreate 1. Load a tweet (tweet in the images: https://twitter.com/FedeItaliano76/status/1779855670432408011) 2. Turn off window animations (settings->display->show animations in windows->Off) 3. Reload the Tweet

This is not a critical issue for me, but I think it's worth mentioning

When I turn off the windows animations in Windows 10 the font on Twitter.com changes somewhat. I believe it is altering the character spacing/scaling. I have not had this behavior on other browsers (Brave, Edge, Chrome & OperaGX tested). I have not noticed this on other websites, but I also haven't really looked. Windows version 22H2 (OS Build 19045.4291) Firefox version 124.0.2 Images provided are with them off, then on Steps to recreate 1. Load a tweet (tweet in the images: https://twitter.com/FedeItaliano76/status/1779855670432408011) 2. Turn off window animations (settings->display->show animations in windows->Off) 3. Reload the Tweet This is not a critical issue for me, but I think it's worth mentioning
Attached screenshots

All Replies (4)

zeroknight
zeroknight
more options

Another way to disable animations is to create ui.prefersReducedMotion (Number) with value 1 in about:config.

Does it still happen in Troubleshoot Mode?

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 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. If the Fonts tab is hidden, click the Down arrow at the right end.

SiwelTheLongBoi
SiwelTheLongBoi Question owner
more options

Via inspect element: when the windows animations are off it's using Times New Roman on the 'quote tweets' text and Segoe UI on the main tweet text, but with the animations on it's using 'TwitterChirp'. This persists in Troubleshoot Mode

I have the Control Panel For Twitter extension which is likely causing the Quote Tweets box to show a different font from the rest. I have disable this extension and it persists

I've also updated to Firefox 125.0.2

The animations I want disabled on Windows but enabled on Firefox for smooth scrolling

zeroknight
zeroknight
more options

It always uses Noto Sans for me, regardless of the animation setting.

You can enable animations by creating ui.prefersReducedMotion (Number) with value 0 in about:config.