Seeing issues with tables not aligning properly in some browsers

[sophiajt]

Here's a picture from one screenshot:

Asking around on twitter, I was told:

"Ok so I assumed this was ligatures from ---- not the actual characters for those lines. The misalignment on Android comes from the droid sans mono font not having those characters, causing it to fall back to noto sans symbols, which has different widths.

Which means font-variant-ligatures: none will have no effect, but using a web font to force it to use one of the other fonts in your list before it falls back to monospace will fix this for you"

So it sounds like we need to set better fallback fonts so that Android (and other browsers with the same issue) don't fallback to the wrong font.

cc @ibraheemdev

[NotTheDr01ds]

Retested on Android 14 Chrome - Still broken.

[Kissaki]

With PR #1890 merged, I wanted to test it and got a bit confused.

PR is merged, I see CI action with deploy, but --code-font-family has not changed. In the HTTP response headers I see a fastly mention. I assume fastly caches are not cleared on deploy and it'll only update once that decides to update or expire at some point?

[Kissaki]

This is now resolved.

Looks fine on my Android phone now, which did show the issue of misaligned table. 🎉