Code blocks are unreadable in Chrome 122.0.6261.94

[illegalnumbers]

Description

When viewing documentation I expect code blocks to be readable

URL of Issue(s)

https://docs.cypress.io (any) for instance https://docs.cypress.io/guides/references/configuration

Steps to replicate

1. Go to https://docs.cypress.io/guides/references/configuration
2. See code blocks like attached
   

Browser

Chrome 122

Device

• PC
• Mac
• iPhone
• iPad
• Android Phone
• Android Tablet

Additional Information

Ventura 13.6.2

[illegalnumbers]

Yes I have tried incognito, with all extensions removed, etc

[MikeMcC399]

@illegalnumbers

I wonder what is wrong as I'm not seeing your problem. The code blocks are displaying correctly for me with Chrome 122 on Ubuntu 22.04 and Windows 11. I don't have macOS to try on though.

Have you been able to try on another system or with another browser?

[illegalnumbers]

Yea, firefox worked which was bizarre

[illegalnumbers]

I am in dark mode if that makes any difference? not sure why it would

[MikeMcC399]

@illegalnumbers

You might want to try uninstalling and reinstalling Google Chrome. Since nobody else has reported this, it sounds like it's an issue on your machine only.

[jennifer-shehane]

We have a "Fira Code", monospace font here, so it should fall back to monospace at the minimum. But yah, this looks like a system issue of some kind as I don't see this on Chrome 122 either.

[illegalnumbers]

yea resetting all fonts seems to fix it but the fallback clearly didnt happen

[illegalnumbers]

i'm surprised firefox worked considering its the same font system

[illegalnumbers]

w/e