→ Simulate bold by duplicating text layer with 1px offset. Avoid fake bold in engines.
: Because it’s a "bold" (hence the 'b') pixel font, it looks best in high-contrast colors—think bright green on black for a "Matrix" terminal feel. Where Can You Get It?
"Font Spotlight: 04b-16b by Yuji Adachi. A must-have for retro-UI projects. 🖥️" Best Use Cases: Retro game interfaces. Minimalist web layouts.
Toby Fox used a variant of 04b-16b for the majority of the text boxes in Undertale . Why? 04b-16b Font
Alongside related counterparts like 04b_30 , the 04b-16b variant was optimized for high readability inside tight UI frames. It quickly transitioned from niche web design spaces straight into indie game development environments like GB Studio and early mobile UI mockups. Technical Characteristics of 04b-16b
: When embedding the TrueType version via @font-face , use the following CSS rules to keep the edges sharp in web browsers: Use code with caution. Summary Comparison: 04b-16b vs. Modern Pixel Alternatives Font Family Visual Style Primary Optimization Best Layout Use 04b-16b Semi-bold, Compact Retro Hardware Emulation Gaming HUDs, Subheadings 04b-30 Extra Bold, Blocky Maximum Visual Weight Main Titles, Arcade Accents Pixeloid Balanced, Clean Modern UI Legibility Long Dialog, In-Game Text Departure Mono Terminal, Tech Coding & UI Console Data Displays, Cyberpunk Themes
While display resolutions have advanced dramatically, 04b-16b remains popular as a deliberate stylistic choice. Designers leverage its retro aesthetic across several mediums: 1. Indie and Retro Video Games → Simulate bold by duplicating text layer with 1px offset
: Menus, HUD elements, and dialogue boxes in retro-style games.
: Designed specifically for rendering at a set baseline, typically 16 pixels.
It features a blocky, high-contrast look that evokes 8-bit and 16-bit video game consoles. Why Designers Use It Where Can You Get It
Preview and download the family variations via the DaFont 04b-30 Page .
Note: Press Start 2P is often confused with 04b-16b, but PS2P has much wider letter spacing, making it harder to read long paragraphs. 04b-16b compresses better for novels.
04b-16b is not a standalone font; it belongs to a larger family of similar pixel fonts released by the
To make 04b-16b look its best, you must follow the "Golden Rule" of bitmap fonts: In Photoshop: Set the anti-aliasing mode to "None."