5x5 Pixel font for tiny screens
162 points by zdw 4 days ago | 47 comments

mikestew 2 minutes ago
"Images were displayed on an Apple 30" Cinema Display"

Yowsa. For those playing at home, that monitor is over 20 years old:

https://everymac.com/monitors/apple/studio_cinema/specs/appl...

reply
FelipeCortez 2 hours ago
1x5 can also work if you take advantage of subpixel rendering https://www.msarnoff.org/millitext/
reply
rossant 2 hours ago
Whoa, amazing!
reply
dorianmariecom 14 minutes ago
"if you look closely at the screen"
reply
ludocode 10 minutes ago
The 5x5 is very nice, and the 3x5 isn't bad either. Unfortunately neither of them have all of ASCII.

I'm quite fond of Spleen:

https://github.com/fcambus/spleen

It has a 5x8 font which has all of ASCII, but most glyphs are actually 4x8 and include horizontal spacing. I modified it to reduce the rest for a project I'm doing so all glyphs are 4x8. The result can be rendered on a 5x9 grid with a guaranteed line of horizontal and vertical spacing between all glyphs. It's very nice.

reply
soperj 2 hours ago
If the author sees this. I think the lower case t would benefit from a pixel above the cross, similar to how the lower case k goes up one more pixel. It looks a lot like the capital T with how it is now. It is very well done though. Thanks for sharing.
reply
gpm 2 hours ago
I think I'd go with something like

     x
    xxx
     x
     xx
reply
kibwen 2 hours ago
> 4x4: Not enough to draw "E", "M" or "W" properly.

However, 5x5 isn't enough to draw "e" properly if you also want lowercase letters to have less height than uppercase, so you need at least 6 vertical pixels. And then that isn't enough to draw any character with a descender properly, so you need at least 7 vertical pixels (technically you should have 8 in order to allow "g" and "y" to have a distinct horizontal descender while still sitting on the baseline, but this is probably an acceptable compromise). And remember that in practice this means you will still need at least 8x6 pixels to draw each character, to allow for a visible gap between letters below and beside them.

reply
mulr00ney 2 hours ago
I think the `e` looks better in the 'real pixels' example they gave; I find my tends to 'fill in' the space of the top part of the letter, and I suspect in the context of a longer sentence it'd be pretty easy to parse.

(but yeah, it's not quite right, and is especially jarring in the nice, clean, blown up pixels in the top example)

reply
dmitrygr 4 minutes ago
I have used this one before, it uses one fewer pixels per char: (4x6 = 24 < 25 = 5x5)

https://fontstruct.com/fontstructions/show/1656341/tom-thumb

reply
octagons 36 minutes ago
I developed a font with a similar resolution that was not nearly as legible for my Pi Zero with an e-ink screen many years ago. It allowed for similar tooling such as the flipper zero and esp32 marauder projects. I should fire that project up and implement this font…
reply
Dwedit 33 minutes ago
A 3x5 font does not sacrifice the M or W. H,M,W end up as similar looking characters, but the M has the center pixel one higher, and the W has the center pixel one lower.
reply
rbanffy 45 minutes ago
One nice use for these tiny fonts is large text in terminals. Unicode now has 2x4 (from Kaypro), 2x3 (from Teletext, TRS-80), and 2x2 mosaic characters. Unicode also has 3x3 large text (from HP terminals) but font and terminal support is limited.
reply
kevin_thibedeau 22 minutes ago
I assume you mean Braille is the 2x4 set. What range introduces 3x3 codepoints?
reply
tliltocatl 16 minutes ago
At that point, just go Braille! Amazing work anyway.
reply
TruthSHIFT 2 hours ago
Don't forget Jason Kottke's Silkscreen font: https://kottke.org/plus/type/silkscreen/
reply
calebm 49 minutes ago
You could call it the "Minimum Viable Font"
reply
z2 2 hours ago
The 3x2 is fascinating, it's the same resolution as braille, albeit rotated 90 degrees. I wonder if this could become a braille-like system that's both visually and finger-readable.

Note: there are repeat glyphs here like c and o, though the example actually uses a different c somehow. But perhaps repeats are ok given context.

reply
ghssds 2 hours ago
You could do a bit better with a 4x5 font for every characters except M, W, m, and w which would be 5x5 but use the pixels normaly used to separate them from the next character, so every caracters still use the same width.
reply
iamjackg 2 hours ago
I actually thought of this (or a previous similar project? The one posted here seems more recent...) just a few days ago while watching the announcement video for this new DJ device, since it seems to use a 5x5 font: https://driftdj.com/dj-hybrid
reply
damieng 2 hours ago
You can get nicer 5x5 fonts amd it was not that uncommon back in the day. 4 wide is not too bad if you make the center of M and W just two pixels inset from top or bottom respectively or borrow the spacing column.

Plenty of systems did it like CP/M on the Spectrum +3 and it looks pretty decent.

reply
IvanK_net 2 hours ago
Too bad "tiny screens" pretty much do not exist anymore. Screens with hundreds of pixels on each side are very cheap already.

It reminds me people who research "colorizing grayscale photos", which do not exist anymore either (if you want a color photo of someone you met in your life, there probably exists a color photo of that person).

reply
akavel 30 minutes ago
There's a really nice, very low-power, 84x48 B&W LCD screen still widely available for electronics use, a clone of a Nokia 5110 screen - see e.g.:

- https://github.com/akavel/clawtype#clawtype

- mandatory "Bad Apple" vid (not mine): https://youtu.be/v6HidvezKBI

(for the "splash screen" linked above I used font u8g2_font_3x5im_te: https://docs.rs/u8g2-fonts/latest/u8g2_fonts/fonts/struct.u8... and a multilingual u8g2_font_tiny5_t_all: https://docs.rs/u8g2-fonts/latest/u8g2_fonts/fonts/struct.u8...)

reply
joefourier 2 hours ago
> Too bad "tiny screens" pretty much do not exist anymore. Screens with hundreds of pixels on each side are very cheap already.

Find me a 0.66" OLED display for ~$1 that has hundreds of pixels on each side then.

> It reminds me people who research "colorizing grayscale photos", which do not exist anymore either (if you want a color photo of someone you met in your life, there probably exists a color photo of that person).

What train of thought led you to think people are primarily researching colorising new B&W photos? As opposed to historical ones, or those of relatives taken when they were young? You can take a colour photo of granddad today but most likely the photos of him in his 20s are all in black and white.

reply
IvanK_net 2 hours ago
If you know a person who is 70 years old, they were 20 in 1975 - color photos existed back then.

Every grayscale photo of someone famous has already been colorized during the past 50 years. If there are only grayscale photos of you, you were probably born before 1900, and all your friends or your children (who might want to colorize your photo) are probably dead, too.

reply
joefourier 11 minutes ago
1. Improving the colourisation algorithms has value, it might be that the available colourised photos of celebrities have inaccurate colours or are of poorer quality than say, one done with a diffusion model that can be instructed about the colours of certain objects

2. Don’t forget about B&W films! Getting automatic methods to be consistent over a long length is still not 100% solved. People are very interested in seeing films from WW1 and WW2 in colour, for instance.

3. Plenty of people (myself included) have relatives in their 80s or 90s. Or maybe someone wants to see their ancestors from the 19th century in colour for whatever reason?

reply
zimpenfish 56 minutes ago
> If you know a person who is 70 years old, they were 20 in 1975

Bloody hell, warn people before you post things like that.

reply
JoshTriplett 2 hours ago
> Too bad "tiny screens" pretty much do not exist anymore.

https://www.crystalfontz.com/product/cfal12856a00151b-128x56... - 128x56

https://www.crystalfontz.com/product/cfag12864u4nfi-128x64-t... - 128x64

There's a whole world of embedded devices with wide varieties of screen resolutions.

reply
compiler-guy 2 hours ago
Quick browsing at adafruit.com (or any other similar vendor), reveals plenty of displays that are 128, 240, and 320 pixels wide. At 6 pixels of width per character, that's only 21, 40, and 53 characters wide. Seems quite useful to me.

There are also several 32x32 led panels, which one could imagine needing some text.

Also, this kind of thing is just interesting, regardless of the usefulness.

reply
kevin_thibedeau 19 minutes ago
Terminals are tiny screens.
reply
sophacles 2 hours ago
There exist plenty of reasons to colorize grayscale photos in 2026.

* a huge corpus of historical imagery

* cheaper grayscale cameras + post processing will surely enable all sorts of uses we haven't imagined yet.

* a lower power CCD and post-processing after the fact or on a different device allows for better power budget in cheap drones (etc).

* these algorithms can likely be tuned or used as a stepping stone for ones that convert non-visible wavelengths into color images.

And that's just off the top of my head as someone who doesn't really work with that stuff. I'm sure there are plenty of other reasons I can't think of.

reply
IvanK_net 59 minutes ago
Grayscale cameras are not that much cheaper than color cameras. And if you decided to use a grayscale camera on purpose, you probably do not care about the color information (which would be totally "made up" by the colorizing algorithm).

Also, if there are only grayscale photos of you, you were probably born before 1900, and all your friends or your children (who might want to colorize your photo) are probably dead, too.

reply
sophacles 41 minutes ago
What does the existence of a color photograph of my grandmother as an old woman have to do with my desire to colorize a grayscale photo of her as a child? Or colorize the photos of her wedding?

It's a very strange argument to make: there exist some photos therefore other photos may not be colorized!

reply
dfox 2 hours ago
IIRC the really cheap Casio Organizers/DataBanks of 90's used 5x5 font. And then my ex used something like that on linux in order to fit a ridiculous amount of xterms onto 14" CRT (somewhat absurd feat with her congenital vision defect).
reply
JoshTriplett 2 hours ago
These look great.

I would have loved to have seen a sample of the 4x5, not just the 5x5.

reply
onlyrealcuzzo 33 minutes ago
I love the design of your website!
reply
perarneng 2 hours ago
If you start from the bottom of the page directly and scroll up then the 5x5 looks even better.
reply
lostmsu 4 days ago
Small g is unreadable. I obviously know the alphabet and despite that it took quite some time to understand what letter is that.
reply
bartvk 3 hours ago
Perhaps they should've used something similar to the 9. However then it wouldn't really look like a lower-case g.
reply
DonThomasitos 2 hours ago
Incomplete blog post! Where was the comparison vs. a 1x1 pixel font?
reply
thesuperevil 28 minutes ago
Gg
reply
ramses0 3 hours ago
...and don't forget "twoslice": https://joefatula.com/twoslice.html

I haven't done the pixel-by-pixel deviation checking, but they may be comparable and independently derived!

reply
graybeardhacker 43 minutes ago
Can people read that? I want to do a study to see the cognitive difference between people who can read that and those who can't.

I can't at all.

reply
JoshTriplett 35 minutes ago
I could read every word at nearly full speed, with the exception of "tends" that required a lot of puzzling out.

But I'm backfilling a lot of information from context, the same way that this works: https://www.dictionary.com/articles/typoglycemia

It would have been much harder to read a series of random words, or another piece of text with a less predictable structure.

reply
Nnnes 2 hours ago
See also Picket Right, 2 pixels wide (7 high) and still readable: https://stormgold.itch.io/picket-right-font
reply