cypress-io/cypress-documentation

Code blocks are unreadable in Chrome 122.0.6261.94

illegalnumbers opened this issue · 9 comments

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
    Screenshot 2024-02-29 at 12 25 39 PM

Browser

Chrome 122

Device

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

Additional Information

Ventura 13.6.2

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

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

config

image

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

Yea, firefox worked which was bizarre

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

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

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.

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

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