browser illusion + generated font

Fake monospace in the browser, real monospace in the font file.

This page now shows both sides of the repo: the live editor uses the Pretext-driven DOM effect, and the lower specimen loads an actual generated webfont produced by the Python pipeline.

Optical mode uses softer cell widths, centers glyphs in each cell, and trims spaces so paragraphs stay readable.

Browser effect

The live editor is still the browser-side cell trick, not a real font swap.

This demo uses measured grapheme widths and then expands every grapheme to a shared cell width for that font. The result is not true font engineering. It is a browser-side illusion.

“It looks wrong in a useful way.”

Live editor

Rigid voice.

Generated font specimen

Source: Roboto Regular

Typography can be made rigid without deleting its voice.

Generated: Roboto DemoMono

Typography can be made rigid without deleting its voice.

The generated side is a real WOFF2 emitted by this repo. Rebuild it with npm run demo:font.

Archivo Black

WAVEFORM 2049 / glass orbit

Merriweather

Measured cells for italics, punctuation, and prose.

IBM Plex Sans

UI copy can become mechanical without swapping families.

Repo-generated font

WIDE LOOP / narrow rhythm / 2049