02 Forty-one characters, every one built from circles, straight strokes and arcs. Hover a glyph to watch it drawn again; the dashed rings show the construction circles.
03 One skeleton, six stroke weights, from a hairline of 2 units to a heavy 16. Counters stay open and the spacing breathes with the weight.
04 A sentence that uses every letter at least once, set in the face itself. Watch the alphabet light up as it is written.
05 How the letters were drawn, spaced and set.
Construction
One em is a square of 100 units. Capitals stand 70 units tall between a cap line at y 15 and a baseline at y 85; figures share the same height. Round forms are circles of radius 17 to 46 (B, C, D, G, J, O, P, Q, R, U, 0, 2, 3, 5, 6, 8, 9), with the S built from two slightly widened ellipses. The steep diagonals of A, V, W and 7 lean 17° to 25° from vertical; N, X, Z and K open up to 35°–48° so their counters stay clear.
Each glyph is a short list of strokes written as SVG path data: straight segments and circular or elliptical arcs, nothing fitted. Stroke order follows how a hand would write the letter.
Rendering
Strokes are drawn on with stroke-dashoffset, one after the other, with a small ink dot riding the tip. Terminals are round, square or butt; corners stay round, or mitre until the angle turns sharp, then bevel.
The wobble slider resamples every stroke at 2-unit intervals and pushes each point with value noise, then redraws it at eight frames a second, so the line boils like a hand-inked animation. Copy SVG exports exactly what you see.
Spacing & set
Each glyph carries its own side-bearings — 2 to 5 units for diagonals, 9 for stems — plus a kerning table for diagonals and open letters, plus 0.7 × the stroke weight so heavy weights do not collide. Lowercase input maps to the same capitals.
—
Interface labels are set in your system monospace. Nothing is loaded from anywhere; the specimen you are reading is the font.