No. 07 / 16 · SansSpecimen · 2026-10-27
Cap 700X 500Base 0Desc −239Outline
A geometric monoline sans drawn from lines and one circle. The text face of this site.
Try it
72 px · kerning on · click the text to edit it
How it is built
Every glyph is a skeleton of lines, arcs and dots on a 1000-unit em, stroked with round caps and joins and merged into one clean outline. Every lowercase bowl (a b d g o p q) is the same circle, which is what makes the face geometric.
Bold is the same skeletons stroked at 136 units instead of 88, with the skeleton moved inward so stems still land on the baseline and x-height. Kerning is read off the outlines: each pair's tightest gap is pulled toward the gap between two n's.
A vector face: it works at any size. The tester and the waterfall use the house steps.
- NodeAn on-curve point at (464, -40). 10 in this glyph.
- HandleAn off-curve point at (119, 433). Quadratic curves: one handle per curve. 50 here.
- Advance604 units wide: 52 of space on the left, 52 on the right.
- The one circleEvery lowercase bowl, this one included, is the same circle.
How it fits
- UnkernedThe second letter where its advance width alone would put it: hairline.
- KernedThe pair as the font sets it, pulled in by the value under it, in units of a 1000-unit em.
Every size it is drawn for
All 108 characters
- Char
- g
- Code point
- U+0067
- Glyph
- g
- Advance
- 604
- LSB · RSB
- 52 · 52
- Contours · points
- 2 · 60
Uppercase · 26
Lowercase · 26
Figures · 10
Punctuation and symbols · 46
Good at
Hoop draws every letter from a few lines and one circle, then strokes the skeleton with round ends. It reads calm and even at text sizes and keeps its shape in a headline.
Prompt to playable
Get Hoop
TTF for desktops, WOFF2 for the web, or the zip with both, the licence and a readme. Free for anything, commercial included, under the SIL Open Font License 1.1.
Buy me a coffee ↗Optional. The fonts stay free.
@font-face {
font-family: "Hoop";
src: url("Hoop-Regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Hoop";
src: url("Hoop-Bold.woff2") format("woff2");
font-weight: 700;
font-display: swap;
}
h1 { font-family: "Hoop", sans-serif; }