01
Hanging punctuation
Opening quotes hang their full glyph into the margin; optical capitals pull left. The block aligns to the eye, not the em box.
Typeset.us — a new era in web typography
Forty years after print solved it, the browser catches up. Knuth’s mathematics, Tschichold’s tolerances, Bringhurst’s measures — running live on every paragraph of this page.
Every paragraph on this page is set live by the engine.
01 — The Proof
Your phone wraps text. A book sets it.
Same words, same space, both rendered by your browser right now. One is how every phone shows text — wherever the words happen to fall. The other is how every book you’ve ever trusted was set. Then squeeze the column and watch which one falls apart.
274px
Every line ends where it should — by intention. This is Typeset, live.
Drag the slider: somewhere in there, your browser abandons a word. The book version never does — at any width.
The book isn’t a book. It’s your browser running Typeset — the one-line script at the bottom of this page. Every paragraph you’ve read here was set the same way.
02 — The Tastemaker
Type is the tell.
03 — The Craft
What the engine does while you read.
02
Contour re-ranking
The compositor finishes holding two hundred candidate paragraphs and chooses the most musical rag — never merely the cheapest.
03
Tschichold spacing
Word-space tolerances derived from the measured width of your font’s own lowercase i. No magic numbers anywhere in the system.
04
Self-healing lines
Every composed line is re-measured after render. If the browser disagrees, the engine steps back rather than ship an overflow.
04 — Proof of taste, in one line
Set your own text this well.
<script src="https://typeset.us/go.js" defer></script>The same engine that set this page: beam-search composition, hanging punctuation, smart quotes, self-checks that fall back to the browser rather than ever make your text worse. 30 KB, no dependencies, generated from the source you can read.
Set live by its own engine. View source — it’s the same code.