A few interesting modern pixel fonts

415 points
1/21/1970
5 days ago
by zdw

Comments


jrdres

A forgotten point is that modern pixel fonts all assume pixels have a 1:1 ratio: height the same as width, so an 8x8 character box is perfectly square.

That's NOT true for many of the old computer displays. Most had finer resolution in the horizontal compared to vertical lines, so more pixels across than in the same distance down. 1:1 "square pixels" was an innovation of the Macintosh, and very unusual for the time. So the fonts on this page displayed on other 80's machines would not look "right". And fonts from those machines brought to modern displays also look off.

3 days ago

dn3500

Square pixels were certainly not an innovation of the Macintosh. The earliest raster scan workstation I'm aware of is the Alto, released in 1973. It and the ones that came after it like the Star and Dorado all had square pixels. So did the early 1980s engineering workstations like Apollo and Sun, which also came out before Macintosh.

3 days ago

rob74

I think the Amiga is the most well-known example of what OP means. Older home computers which could be connected to TVs generally had resolutions up to 320x200 (or x240 for PAL) and square pixels. The Amiga could double that on both axes to 640x400/480, but because of the interlaced display of typical TVs/TV-based monitors, that would flicker so bad that it made productive working impossible. So the default resolution used by AmigaOS was 640x200/240, and the fonts were optimized for that.

3 days ago

Gormo

Even in the PC world, the most common resolution in for CGA, EGA, and VGA remained 320x200 for many years. With square pixels, this would be 16:10, but the usual case was that this resolution was displayed fullscreen on a 4:3 display, so individual pixels would have an aspect ratio of 5:6.

Most DOS-era games took this into account, so e.g. if the artist wanted to draw a circle 20 pixels tall, they'd make it 24 pixels wide. Textmode followed this pattern as well, so when rendered on a modern square-pixel display without aspect correction, will look vertically squashed compared to their original appearance.

3 days ago

zokier

It's not that forgotten, for example int10h font collection (which probably is the biggest bitmap font resource) prominently shows aspect-ratio corrections for the fonts https://int10h.org/oldschool-pc-fonts/

3 days ago

Kerrick

Analog Mono and Two Slice are really neat. If you like those, you'll probably also like another of my favorite modern pixel fonts: Departure Mono. https://departuremono.com

4 days ago

bbx

It feels like the one used in the Papers, Please video game.

4 days ago

Surac

Analog Mono is no pixel font it is just a vector font drawn as if there where a raster

3 days ago

datawars

Beautiful! Thank you!

4 days ago

arttaboi

Amazing! Thank you for sharing.

3 days ago

fold_left

Came here to say the same, I actually like Departure so much I use it as my coding and Terminal font. I'll definitely be trying out the fonts in the original post.

4 days ago

KronisLV

For programming, you can also try out Terminus (there’s also a TTF version): https://files.ax86.net/terminus-ttf/

3 days ago

TacticalCoder

Yeah my programming font since many years now is a pixel-perfect (no AA at all) modified version of Terminus. I modified it myself: don't even remember with which software (but I've got notes about the modifications I did and what's required should I want to modify something again).

I remove a pixel from the lowercase 's' (the top-rightmost one), I modified lowercase 'l' a bit (so it looks less like the '1' digit), I replaced a few characters like the at sign '@' with those from a pixel-perfect Apple Monaco font, and I like to have an empty hole in the middle of my pipe symbol (which still cannot be mistaken for a colon).

Plus a few mods I forgot.

I'd argue that a pixel-perfect font is "tied" to a range of pixel-per-inch monitors: a pixel-perfect font that's perfect for a 110 PPI monitor may neither work on a 90 PPI one nor on a 140 PPI+ one.

But yeah I'm a very happy camper. I obviously cannot distribute it as I "stole" a few characters from Monaco as is and just replaced them in my modded Terminus font.

3 days ago

efskap

I like https://viznut.fi/unscii/ - meant for ascii art but still works well in a terminal, and still gets unicode updates

4 days ago

co-ent

The 'fantasy' version reminds me of the Sleipnir font for Dwarf Fortress. Neat! http://dwarffortresswiki.org/index.php/File:Andux_sleipnir_8...

3 days ago

JdeBP

I have that forked, as well as a fork of funscii. Both have fixes in the main branch. I've added a fair amount of stuff beyond that in a branch of unscii.

* https://github.com/jdebp/unscii/tree/2.1.1f

* https://github.com/jdebp/funscii

2 days ago

smusamashah

This reminded of Wingdings font that I use to play around with in Windows 98

2 days ago

evrimoztamur

Geist looks like unadulterated garbage, a sloppy rendition of a vector font onto a pixel grid, lack of character and care to banding and shape...

4 days ago

sambishop

as a lover of low resolution software, we must acknowledge the goat, never surpassed since 2003: https://www.dafont.com/04b-03.font

nowadays all the alpha exists in making your software look like a cool fantasy tome: https://skeddles.itch.io/eldring-pro

4 days ago

namibj

Also, dotsies[0]: 5 high 1 wide, no horizontal spacing for kerning, ascii-space is just the all-white "character", letters (text) only and made more for visual density than actual pixel scarcity.

[0]: http://web.archive.org/web/20171103012446/http://dotsies.org...

3 days ago

wunderlotus

scrambled my brain, but very cool

3 days ago

msephton

Only to be rivalled by the long-standing Elisa font (also from Japan, like the 04 font) https://twitter.com/gingerbeardman/status/111533004449746944...

3 days ago

datawars

That's 2 advanced for me ...

4 days ago

IgorPartola

I worked on an embedded project a few years ago using a tiny 128x64 display and wanted to use a pixel font but none of the ones I found made me particularly happy so I made my own. Turns out it is very easy to do. Font Forge is fantastic and very easy to use and once you get going by nailing down a few letters at the size you want you can quickly make something that is cohesive, pleasant, and easy to read. I highly recommend this as an exercise.

As a bonus I added a bunch of open source icons as font glyphs for my project and it was really fun to figure out how small I can make them while still being distinctive.

3 days ago

slazaro

What's the experience with Font Forge for creating pixel fonts? I have never used it but I always assumed that a font creation tool made for arbitrary style "vector" fonts is probably unwieldy if all you want is square pixels, to be rendered pixel-perfect, etc.

3 days ago

IgorPartola

It's pretty much MS Paint type experience. You get a grid and color pixels black or white. But you can move up/down grid sizes automatically and then you get to fix it at different grid sizes.

3 days ago

Fraterkes

So, Analog Mono and Geist both have enough pixels per glyph that they don't really read as pixel fonts below sizes of ~20px. Analog kinda aleviates that by being made up of big (overlapping) blocks of 2x2 pixels. Geist just kinda looks like a downscaled vector font (to me) though.

4 days ago

kevin_thibedeau

It looks like a high-DPI X11 font to me. It isn't particularly original or unique.

4 days ago

Liskni_si

Anyone else still using the 7x13 "misc fixed" font that comes with X11? I just can't switch. Perfectly readable on both 14" 1920×1200 and 35" 3440×1440. Yes it's small but that's kinda the point.

The only issue is that Nerd Font symbols are really hard to read at that size, even if one manages to get them to render (which isn't that hard in alacritty but needs some extra hacks in rxvt-unicode).

3 days ago

TacticalCoder

> 7x13 "misc fixed" font that comes with X11

Xorg here too but a modded (pixel-perfect) Terminus font.

3 days ago

upofadown

6x10 here. Even more text. Only readable because each pixel is completely distinct.

3 days ago

Boltgolt

> Geist Pixel isn’t a novelty font. It’s a system extension.

Okay LLM

4 days ago

sphars

To be fair, that's a direct quote from Vercel themselves introducing Geist Pixel: https://vercel.com/blog/introducing-geist-pixel

4 days ago

[deleted]
4 days ago

wyre

ya because Vercel generated the copy with an LLM

4 days ago

hnlmorg

Some people wrote like that before LLMs polluted the water.

Just like people used em dashes before LLMs.

I used bullet points heavily before LLMs.

4 days ago

thechao

I felt personally attacked when LLMs came out: I'm an avid user of "—", bullets, numbered lists, and the word "delve". It's been a miserable couple of years.

4 days ago

flkiwi

LLMs write like that because people wrote like that. Enough, unfortunately for my remaining love of humanity, to cause the LLMs to adopt the quirk.

3 days ago

hnlmorg

I know. That’s my point.

People talk about LLM writing style like it’s a unique butterfly and humans don’t write that they. But we do. Which is why LLMs do too.

3 days ago

mikepurvis

Many many years ago I wrote a book for Apress, and the style guide for that instilled in me a lot of practices that now make my writing feel LLM-ish to some readers:

- Use bulleted lists, but always introduce and conclude a list with prose; a list can't immediately follow a heading or end a section.

- Use a mix of long and short sentences; in long sentences with parentheticals, use a mix of commas, parens, semicolons, and em dashes.

- With multiple continuous blocks of prose that aren't naturally broken up by an illustration or heading, start a paragraph with an inline bold statement to help anchor the reader.

4 days ago

sublinear

I still use bullets extensively. You can easily tell when a human writes them when they are trees instead of lists.

4 days ago

hnlmorg

I don't think even that is a reliable indicator because I'm currently reviewing an LLM generated bullet tree right now.

4 days ago

sublinear

Oh interesting. Before the LLM craze, I only ever saw good bullet trees in legalese and git commit messages. The trainwrecks were far more likely to be the rare attempt by HR in a big email or in the odd Jira epic by a PM.

I wouldn't think LLMs would have much to train on. I still see some bad ones, but I don't feel like the quality ratio or overall quantity has changed. I do see more bullet lists though.

3 days ago

wyre

For sure, but I don't think I'm going to give Vercel benefit of the doubt that they aren't writing their copy with an LLM.

4 days ago

FarmerPotato

but what does that even mean?

4 days ago

nnevatie

I noticed the slop immediately and ejected it from by brain.

3 days ago

achr2

I am very fond of Gohu font. I have used it on a recent static blog formatting adventure http://dntbl.ink , converted to woff2. I couldn't be happier with how it renders and gives that VAX feel.

3 days ago

egeres

Sarah Cadigan-Fried has designed some very cool modern pixel art fonts worth checking! https://www.soft-type.com/

4 days ago

erickhill

There's an interesting symmetry between the knitting, perler bead and pixel art crowds.

4 days ago

phatskat

There was a talk at a Linux conference a while back relating knitting to programming and I’ve yet to watch it because the audio on YT wasn’t great but it’s on my list.

I find knitting very soothing, and it also scratches the same itch as programming.

3 days ago

TacticalCoder

Old looms could make patterns and it's considered by many that the way to "encode" those different patterns was actually an early of programming.

3 days ago

rigonkulous

See also, beach pebbles.

3 days ago

CarVac

I made myself a pixel font for composite (well, monochrome) video output on an RP2040:

https://github.com/PhobGCC/PhobGCC-SW/blob/main/PhobGCC/rp20...

(search for 1 to see letterforms)

The letters are 8x15 and verticals are 2 pixels wide to work better on older CRT televisions with less-sophisticated chroma filtering on their composite inputs.

I explicitly tried to avoid locking into 45 degree diagonals...

My only question now is, how do I turn this font into something I can use on a computer? I couldn't figure it out the last time I tried.

3 days ago

ianstormtaylor

A few different resources with various ways to go about it, one of which may be near what you were hoping for:

FontStruct: https://fontstruct.com/

Calligraphr: https://www.calligraphr.com/en/

Kreative Korp: https://www.kreativekorp.com/software/fonts/index.shtml#rela...

Glyphs: https://glyphsapp.com/learn/pixelfont

PixelForge: https://www.pixel-forge.com/

3 days ago

slazaro

I made PixelForge [0] a while ago just for creating pixel fonts and being able to export to TTF. I had it semi-abandoned for a few years, but I'm about to release a new version in the next few days! [1]

[0] https://www.pixel-forge.com/

[1] https://itch.io/t/6384009/new-update-soon

3 days ago

cocodill

Quite impressive [1]. Did you base it on a specific font, or did you just draw it however you felt like?

[1] https://imgur.com/a/0jcNGHv

3 days ago

CarVac

I did it with no reference to other fonts, just to my own tastes. It took a bit of iteration to get letter centering on the lower cases to work well but I think it's in a good place.

You can see an older version ("a" has been revised to better center the letter) in action on a monochrome CRT here: https://github.com/PhobGCC/PhobGCC-doc/blob/main/For_Users/P...

3 days ago

frankling_

There are also these somewhat classic-looking bitmap terminal fonts large enough for modern displays: https://github.com/B2HDPI/B2HDPI

3 days ago

RedNifre

Could somebody explain the Coral Pixel font? It makes no sense to me, given that the whole point of sub pixels was to look sharp without looking colorful. It only ever looked like that when you took a screenshot and then zoomed in, which seems extremely niche.

4 days ago

blt

All technology, no matter how undesirable it once felt, eventually becomes nostalgic for somebody.

4 days ago

gilrain

> the whole point of sub pixels was to look sharp without looking colorful

That was the point, but it never worked: in practice, at least for me, text was smeary and colorful in that era. I wouldn’t want to use Coral Pixel, but I can imagine someone else being nostalgic for it.

3 days ago

tosti

Same here. The MS-Windows boxes at college had lots of coral reef around the glyph edges

3 days ago

zeckalpha

Depends on the DPI of your monitor and your glasses prescription.

4 days ago

RedNifre

Oooh, you mean people turned on sub pixel rendering while running their screen at a non-native resolution and thus got these colors all the time? Yeah, I guess that could cause nostalgia.

Thanks!

3 days ago

rebolek

I want better Topaz. My favourite font.

4 days ago

thristian

It's not exactly a better Topaz, but I made Topaz Unicode to be more Topaz: https://gitlab.com/Screwtapello/topaz-unicode

3 days ago

JdeBP

Interesting.

* https://github.com/jdebp/unscii/blob/2.1.1f/src/font-topaz.t...

Although Unscii populates Unicode from a number of sources and leaves the source fonts at their original repertoires.

2 days ago

LocalH

I still use it (sometimes 1.x, sometimes 2.x) in terminals and IDEs to this day

4 days ago

fsckboy

>Andrew Gleeson designed Analog Mono, “fixing the crimes of VCR OSD Mono.” There used to be this classic pixel font that you’d see everywhere in the 1990s on hi-fi equipment: VCRs, TVs, camcorders, etc. One of its challenges was a low baseline which resulted in all the letters with descenders pulled up

"VCR OSD Mono is a free bitmap font created by Riciery Leal, inspired by the on-screen display text of vintage VCRs. It is suitable for retro designs and supports 39 languages"

VCR OSD Mono committed no crimes, but it is a crime to make that accusation. VCR OSD Mono faithfully duplicated VCR ASCII character generation. If you want to "fix" it, what's stopping you from "fixing" it all the way to Helvetica or Times or Typewriter? Give a rationale that justifies your own changes, but don't attack others who have a rationale for theirs.

it's fine you want to make a new font. it's not fine to point fingers at people who did a more faithful job than you.

4 days ago

mindslight

Honestly I was just trying to figure out how many lines of text I could cram onto a small OLED display, and came to the conclusion that the descenders were an unnecessary waste of space. 2+ pixels of vertical space wasted for 5 glyphs! So my heart goes out to VCR OSD Mono.

3 days ago

rigonkulous

Hey .. you do need to know that font people regularly reference each other like this .. its kind of a thing in typography, and its a means of demonstrating inspiration and lineage, more than anything else - calling out ones inspiration, in fact.

If there is any one particular hat who can sell controversy, its the typographer.

>fix it all the way to Helvetica

..

Akzidenz-Grotesk Helvetica || gtfo, nichtwa?

3 days ago

sheept

My pixel font of choice is Sans Nouveaux[0] (requires Flash). It's MIT licensed too.

[0]: https://emehmedovic.com/sans_nouveaux/

4 days ago

vibbix

4 days ago

kristjansson

I don't know if it counts as a 'pixel' font, but https://fsd.it/shop/fonts/pragmatapro/ has hand-drawn bitmaps for a huge swath of unicode (and hand-hinting for aliased rendering IIRC?)

It's not quite as overtly retro, but it's a great functional font, and a great art object besides (at least that's how I justified the price!_

3 days ago

agos

I really want to like Pragmata Pro, but for such a price I'd like to see a couple more examples of the font used for programming! The website only has three tiny examples for Haskell, Agda, and APL (!). The tester from MonoLisa should be the benchmark here

3 days ago

kristianp

People are using vector formats to imitate bitmap fonts? What is the world coming to?

I say that as someone who recently enabled bitmap fonts in my installation of XWindows, so I could use them in Konsole. It's satisfying to see the crisp verticals, but unfortunately Terminus has too much spacing between the letters for my liking.

3 days ago

sssilver

Two Slice is shockingly readable.

4 days ago

jareklupinski

got caught up on decoding 'tends'

4 days ago

pillmillipedes

The numbers being rendered as the roman numerals in Two Slice is certainly clever. https://joefatula.com/twoslice.html

3 days ago

WesSouza

Perfect DOS VGA 437 by Zeh Fernando is still one of my favourites.

https://www.dafont.com/perfect-dos-vga-437.font

3 days ago

timonoko

3 days ago

Barrin92

I'm a big fan of Departure Mono, very neat website design as well

https://departuremono.com/

3 days ago

gfat

This one and its site are gorgeous.

You might also like https://commitmono.com/

3 days ago

cui511511

good

3 days ago

modeless

Two Slice is smaller than other tiny pixel fonts I've seen. Maybe the smallest legible font? Depends on your definition of legibility I guess.

4 days ago

layer8

Previous discussion (124 comments): https://news.ycombinator.com/item?id=45236263

4 days ago

thechao

_ .... . ... .... ___ ._. _ . ... _ .._. ___ _. _ .__ ___ .._ ._.. _.. _... . ._ __ ___ ._. ... . _._. ___ _.. . .._. ___ _. _ ._._._

4 days ago

Nition

When I came across your comment it was voted down to the point of being [dead]. I've vouched for it to bring it back; I thought it was very clever!

3 days ago

thechao

Maybe Morse is just "out", right now, in the geek population? I shall send out the signal for us to unite: ... ___ ... ___ ...

Hm. Morse makes adding an ellipsis remarkably challenging!

3 days ago

tosti

Perhaps it'll get across if the message is in a bottle.

3 days ago

layer8

IMO Morse code misses the point, because it doesn’t depict letters, it encodes the abstract characters into completely different “glyphs”. In particular, knowing the English letters doesn’t make you understand Morse code the way it makes you able to read Two Slice; you need to know the mapping between letters and Morse code.

You can trivially encode any alphabet into a one-dimensional graphical encoding. But you couldn’t, for example, have a remotely intelligible two-pixel Chinese font in the way Two Slice demonstrates that you can have an English one.

3 days ago

Nition

I feel sure thechao knows this, and is just joking in both comments here.

3 days ago

Surac

Analog Mono is no pixel font. It is just a vector font using lines on as pixel like raster. I see this a littel bit as false advertising. TTF files can carry pixel fonts quite well but people seem dont know what a real pixel font is.

3 days ago

omoikane

> Coral Pixels

The version at Github and Google fonts seems old, the one from the font maker's website is at version 1.01, which includes Kanji characters:

https://tanukifont.com/sango/

("sango" is coral in Japanese)

3 days ago

Dwedit

The first font on the page mentions raising up descenders (g j p q y) so that pixels don't go below the baseline. You can often find characters with minimal descenders in CJK (Chinese, Japanese, or Korean) fonts. Sometimes a raised-descender version is found among the fullwidth-form letters.

4 days ago

HugoDz

Nice, I've been using ChevyRay fonts for a while (example: https://www.spritefusion.com/), they're great too!

3 days ago

a1o

It would be nice to add the license/copyright rules associated with these, which is important if you are using in something like a game.

3 days ago

drob518

I find our human need to embrace nostalgia interesting. That we would design blocky “pixel fonts” in vector formats so that we can scale and resize them is quite ironic.

3 days ago

keyle

Side note... the best pixel fonts are the ones a game programmer, on a 48hrs ludum dare run, is inevitably speed drawing, pixel by pixel, in MS Paint :)

3 days ago

meetingslop

Two Slice doesn’t seem readable, is there a Threeslice?

3 days ago

bitwize

Kumiko Yoshida should be brought before the war crimes tribunal or something. ClearType eyehurt is something that very much needs to stay in the past.

4 days ago

[deleted]
3 days ago

somat

if we are doing a survey, there is spleen which was adopted as the default console font for openbsd.

https://www.cambus.net/spleen-monospaced-bitmap-fonts/

3 days ago

Gotoorbitapp

These are awesome! Thanks for sharing, will definitely be using one of these

3 days ago

chupchap

Coral Pixels is pretty nice with a lighter background, but unreadable with a dark one.

3 days ago

Minor49er

Have you tried a darker background but with an inverted color filter on the text? (I'd try it myself but I'm not at my computer for this post)

3 days ago

chupchap

No, I was just checking it out on Google Fonts and I could not see a way to change the colours of the sub-pixels which is affecting the readability.

2 days ago

sota_pop

Very cool! Analog mono has a very “Christmas sweater” vibe.

3 days ago

nph278

Another good one: FixederSys by Tom7

https://tom7.org/fixedersys/

3 days ago

SahAssar

Ironic that the page says

> ... it does have a few small problems, such as not working on modern computers ...

When connecting to this site in firefox says

> An error occurred during a connection to tom7.org. Peer attempted old style (potentially vulnerable) handshake.

3 days ago

nph278

Funny, it does work for my firefox.

The content of this (very good) video is the culprit for the error:

https://youtu.be/M1si1y5lvkk

3 days ago

[deleted]
4 days ago

MrClouds

loving pixel geist.

5 days ago

funny19840218

[flagged]

3 days ago

vibekoter

[dead]

3 days ago