The Monospace Web

Original Article ↗ Hacker News Discussion ↗

Typography & CSS Issues

  • Several comments note that precise typography on the web is hard, citing missing or immature features like text-box-trim.
  • Misalignment between headings/body text and a baseline grid is highlighted; some blame browser/CSS limitations, others say many problems stem from font metrics and font design.
  • Safari is mentioned as having more advanced typography features earlier than other browsers.

Monospace Readability & Line Spacing

  • Many enjoy the monospace aesthetic, especially for code, tables, box-drawing characters, and diagrams.
  • However, multiple people say monospace is suboptimal for long-form reading: weaker word shapes, tighter rhythm, and more visual fatigue.
  • Line-height on the page is widely criticized as too tight; increasing it improves readability but breaks the “fixed grid” concept and alignment of character graphics.
  • Some argue that proportional sans-serif fonts (e.g., Arial/Verdana) are better for body text, referencing existing typography research; others say personal preference and familiarity may dominate.

Design Aesthetics vs Usability

  • Strong positive reactions to the clean, terminal-like look; some call it “beautiful” and “refreshingly light.”
  • Others see “terminal chic” as the wrong direction and prefer layouts inspired by books or magazines.
  • Hard line breaks and rigid pre‑style layouts on other “retro” sites and RFCs are criticized for poor mobile usability.

Fonts, Performance & Implementation

  • The site’s use of JetBrains Mono is praised visually but criticized for loading ~725KB of webfonts.
  • Some advocate font-family: monospace and relying on system fonts; others object that this breaks visual consistency and branding.
  • Suggestions include font subsetting via unicode-range, using alternative CDNs, or self-hosting fonts from services like Google Fonts.

Accessibility & User Control

  • Users mention issues with high contrast (pure black/white) and “pattern glare,” especially with monospace grids.
  • Some describe using browser settings or bookmarklets to override fonts and weights for better readability.
  • Concern is raised that sites designed to depend on monospace may “break” if users enforce their own fonts.

Retro / Small Web & Related Experiments

  • The project is framed as part of a broader “small/indie web” trend: simple, semantic, static pages; minimal JS; RSS; personal blogs.
  • People share related resources: monospace site lists, RFC-style CSS, text-only news pages, Gemini/Gopher-like ideas.
  • Bricktext (monospace fully-justified prose via word choice) and ASCII art nostalgia are discussed as adjacent “text craft” experiments.