Font | 04b16b

@font-face 
  font-family: '04b16b';
  src: url('04b16b.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
.pixel-text 
font-family: '04b16b', 'Courier New', monospace;
font-size: 16px;
font-smooth: never;
-webkit-font-smoothing: none;

Imagine text drawn by a robot with perfect precision. 04b16b has: 04b16b font

This font is the go-to for:

The indie game revolution (think Undertale, Hotline Miami, Celeste) relies heavily on nostalgia. 04b16b is the go-to for: @font-face font-family: '04b16b'; src: url('04b16b

Never use 04b16b at 14px, 18px, 22px, or 30px. Because it is a bitmap font, it must be used at multiples of 16:

For Photoshop/Illustrator users: Set the anti-aliasing setting to "None." If you leave it on "Crisp" or "Smooth," the software will destroy the pixel edges. Imagine text drawn by a robot with perfect precision

For CSS:

.pixel-text 
  font-family: '04b16b', 'Courier New', monospace;
  font-size: 16px;
  font-size: 1rem; /* Ensure base is 16px */
  font-smooth: never;
  -webkit-font-smoothing: none;

At its core, 04b16b is a bitmap/pixel font. Unlike standard TrueType or OpenType fonts (which use mathematical curves to define shapes), bitmap fonts are composed of a grid of pixels. When you type the letter "A" in 04b16b, the software literally places black squares on a specific grid pattern.

The name itself provides the technical specifications: