Unbroken Font
A pixel-perfect programming font built on a 6x10 pixel grid. Every glyph lands exactly on pixel boundaries at target sizes. No hinting hacks, no sub-pixel smearing — just clean, sharp characters.
This website is rendered in Unbroken Font. What you see is what you get.
Download for macOS Download for Windows
Pick Your Size
Every size below renders pixel-perfect on the right display. On standard (1x) screens, 10px, 20px, and 24px work. The rest need Retina.
The default. Maximum information density — more lines, more columns, less scrolling. Works on every display. If you can read it, this is the one.
A dedicated 7x12 pixel grid — not a scaled-up 10px, but its own font with wider glyphs and more breathing room. Retina only.
The non-retina font displayed at 15px on a Retina screen. Each pixel in the 6x10 grid maps to exactly 3 physical pixels — still perfectly sharp, just bigger. Retina only.
The Retina font at its native physical size on a standard display. The 12x20 pixel glyphs map 1:1 to screen pixels — no scaling, no smearing. Works on any display.
The Unbroken12 Retina font at its native physical size on a standard display. The 14x24 pixel glyphs map 1:1 to screen pixels — the widest glyphs in the family. Works on any display.
The Math
Pixel fonts look crisp when each design pixel maps to a whole number of screen pixels. Fractional scaling means smearing. Here's why each variant works:
| Size | Font | Physical Pixels | Display | Pixel Perfect Variants |
|---|---|---|---|---|
| 10px | Unbroken | 6x10 | standard | Normal |
| 10px (or 20px non-retina) | Unbroken Retina | 12x20 | retina | Normal, Bold |
| 12px (or 24px non-retina) | Unbroken12 Retina | 14x24 | retina | Normal, Bold |
| 15px | Unbroken | 18x30 | retina | Normal |
Any other size or scaling factor will produce fractional pixels. The font will still work, but you'll lose the crispness that makes it worth using.
Font Smoothing
Font smoothing on macOS makes it impossible to render a pixel-perfect font. It blurs the sharp edges that the entire design depends on. For the best experience, disable font smoothing.
To disable on macOS: defaults -currentHost write -g AppleFontSmoothing -int 0 and restart the browser.
