The Monospace Web

Typography is so difficult on the web due to lack of support for things CSS textbox-trim

https://github.com/jantimon/text-box-trim-examples

You can see that even on this website, if you click "Debug Mode" (top right) and notice that later in the page, the headings and body copy begin to drift out of vertical alignment (against the background grid).

Monospace doesn't bother me.

Is the hard line endings that bother me.

Someone with their "retro" web site that, essentially, uses pre tags.

You get a wall of text, in a small font on the phone, reader view doesn't work, and if you tilt is sideways, you're as likely to get scrollbars as not.

Nowadays this is also my singular complaint with tech mailing lists. The hard line endings and rigid layout.

Eh, I dunno.

Websites have definitely gotten over-complicated and quite annoying. But this retro “look like a terminal” style seems like the wrong direction.

I like fixed width fonts in a terminal where it is very likely that I’ll have to interact with columns of text as a thing.

For reading, I mean, LaTeX was invented a million years ago, and can produce nicely formatted text. That should be the target IMO. If you want to copy something retro, copy an old magazine, they were nicely designed.

But I mean, I’ll take this over a program trying to run in my browser, lol.

That's not the case for this website. It is fully responsive.

The tight line spacing has a negative impact on readability. It’s hard to read long paragraphs of dense body text like this. But the tables and other character graphics require this tight leading.

That’s the problem with using the same character grid for both graphics and text. It could be alleviated with a font that has a particularly low x-height (leaving more margin above and below the letters).