Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

The Monospace Web

owickstrom.github.io

Post reply on HN
Print view View original

71–80 of 159 posts

Re: The Monospace Web

#71

Post by nbzso »

I love monospaced fonts. Please, fix your line-height in the paragraphs. You can open more space and make things even more legible.

Re: The Monospace Web

#72

Post by mikae1 »

daemonologist wrote: post #65
mxstbr wrote: post #58

I was thinking about changing my personal website's font to a monospaced one. Anybody know which ones are particularly good for long-form text readability? Bonus points if it's on Google Fonts.

I'm partial to Drafting Mono - https://indestructibletype.com/Drafting/ - for paragraph display. Not on Google Fonts but it's free (or very cheap for the variable version).

Its SIL licensed. Free and open source.

Re: The Monospace Web

#73

Post by mroche »

sampullman wrote: post #67
mxstbr wrote: post #58

I was thinking about changing my personal website's font to a monospaced one. Anybody know which ones are particularly good for long-form text readability? Bonus points if it's on Google Fonts.

IBM Plex Mono is pretty good, with a reasonable license. It's on Google Fonts, and the repo is here: https://github.com/IBM/plex

I'm a fan of the Red Hat font family, i.e. Red Hat Display, Red Hat Text, and Red Hat Mono. They are available via CDNs, font providers, and directly from Red Hat:

https://www.redhat.com/en/about/brand/standards/typography

Re: The Monospace Web

#74

Post by daliusd »

rchaud wrote: post #20
daliusd wrote: post #14

It looks nice and refreshingly light.

The page loads a webfont (Jetbrains Mono) with 4 different weights, for a total payload of 725KB. Looking light and being light are 2 different things.

Absolutely. People like to lie in this way: skeleton loaders, make-up and etc

Re: The Monospace Web

#75

Post by andirk »

wonger_ wrote: post #24

I've been keeping a list of monospace pages: https://wonger.dev/posts/monospace-dump#web . Currently have ~50. Spacing is a challenge. And you lose some legibility giving up proportional fonts. I think kerning in proportional fonts makes a big difference, letting your eyes recognize the shape of different letter groupings. Monospace text is fine if you avoid long-form text, like when it's structured and highlighted i…

ASCII art was so cool! After getting my day's work done in typing class, we could try our hand at making ASCII art via a list of commands to follow, and without knowing the final image. Like:

15 space, 1 V, 3 U, 1 V

15 space, 5 U

12 space, 2 x, 5 U, 2 x

and then after 250 lines, a pic of Jordan dunking would show up once done and we could print it!

Re: The Monospace Web

#76

Post by wonger_ »

dspillett wrote: post #40
wonger_ wrote: post #24

I've been keeping a list of monospace pages: https://wonger.dev/posts/monospace-dump#web . Currently have ~50. Spacing is a challenge. And you lose some legibility giving up proportional fonts. I think kerning in proportional fonts makes a big difference, letting your eyes recognize the shape of different letter groupings. Monospace text is fine if you avoid long-form text, like when it's structured and highlighted i…

One of your examples is now a for sale domain. Still on WBM though: https://web.archive.org/web/20230216225350/https://kary.us/n...

Thanks! I've updated the list with more archived links.

Re: The Monospace Web

#77

Post by owickstrom »

Brajeshwar wrote: post #49

To the creator, can you please update your Github repository settings to include the final viewable URL. I would love people not to miss the final result if they stumble on the source. btw, was reading the CSS, I smiled. Love it. :-)

Thanks, will do!

Re: The Monospace Web

#78

Post by greenmartian »

prmoustache wrote: post #18

Main problem is I guess the website would be broken the moment the user choose the setting to use his preferred font on the browser and do not use a monospace one.

Firefox allows users to choose a global preferred font, but also individual Serif, Sans-Serif, and Monospace preferred fonts. Which means this site, which correctly specifies `monospace` as a font fallback, does show correctly in my preferred monospace font.
Post reply on HN