top | item 39653492

(no title)

russellendicott | 2 years ago

I use ASCIIFlow all the time. I still haven't figured out how to get browsers to render the monospace fonts correctly see example diagram on this page: http://uggly.bytester.net/#how-it-works

discuss

order

Retr0id|2 years ago

Looks fine on my machine - my guess is that your primary font does not contain all the glyphs used (e.g. the box-drawing chars), so its falling back to another font just for those glyphs, causing inconsistencies.

russellendicott|2 years ago

It seems to only mess it up on mobile. Desktop Chrome seems fine. Mobile Chrome is all I've tested on.

tracker1|2 years ago

First is using a monospace font, second is aligning line height to font height. Third includes a bit of tweaking and trying different sizes.

Your best bet is to use a good fixed width don't with broad character support. Some are better or worse than others. Cascadia Code and Fira Code work pretty well with differing characteristics and both have nerd don't variants.

Emoji alignment is another problem.