[DiabloD3]

I was going to say that font is unreadable, but its Courier New.

By my own extensive testing[1], it's optimal at minimum 18px, you're at 13.5px.

[1]: https://github.com/Diablo-D3/dotfiles/blob/master/fontsizes....

[chrismorgan]

Courier New is a bad font that no one should choose to use. In typical font-weight terms, where Regular should be 400, it’s 200–250, because it was improperly digitised, not taking ink bleed into account. Windows put some hacks into ClearType to make it render a little less badly, but they’re not dependable these days.

(“Courier”, as provided by macOS, is fine. But Courier New is irredeemably bad.)

Concerning font-family declarations, if you’re doing something like `"Courier New", Courier, monospace`—please just write `monospace`.

(I’m not going to address the font size.)

[ricardobeat]

It renders terribly on sizes below ~14px, even on a Retina display. No anti-aliasing setting can save it.

A modern typeface like IBM Plex Mono [1] or Office Code Pro [2] that offers more weights and can still render nicely at 10px size would be a better choice, maintaining the same aesthetic.

[1] https://fonts.google.com/specimen/IBM+Plex+Mono

[2] https://open-foundry.com/fonts/office-code-pro

[LukeB42]

Beauty /is/ in the eye of the beholder. The rationale /here/ is that the more text in a page the more code you'll fit in your head the more you'll get done, the more confidence you'll have and again the more you'll achieve.

[turtlebits]

OP has a valid point. On my Mac, it's unreadable without zooming in. I immediately left the page.

[DiabloD3]

Zero code is in your head if you can't read it.

The predominant monitor in existence is your average 24" 1080p monitor, sat at, on average, 32" away from the head. The average person has worse than 20/20 vision.

You must test your website in such conditions and make sure it is readable, and also make sure it meets at minimum WCAG A, but preferably the whole way to AAA if possible.