: Small, anti-aliased fonts for an LCD display I am looking for a font to use on a small (75x55mm) LCD display. The display supports 5 bit grey scale, so anti-aliasing is possible. Unfortunately

I am looking for a font to use on a small (75x55mm) LCD display. The display supports 5 bit grey scale, so anti-aliasing is possible. Unfortunately it is only about 80ppi and standard anti-aliasing like below doesn't look very good:

I am using Paint.NET, perhaps another app would give me greater control over the anti-aliasing. There are some limitations to the font rendering I can do because it is an embedded system, so for example no per-character kerning or on-the-fly rendering/anti-aliasing.

I was hoping to find an anti-aliased bitmap font suited to industrial LCD displays. Something that is designed to look good at around 10-12 pixels high. Serif or sans-serif, either is fine. Back in the day when most operating systems used bitmap fonts there were some nice ones for the Amiga and Mac OS, but I can't find them now.

Just to clarify, the font sample above looks bad because it doesn't stick the pixel grid of the LCD. It is probably fine on an RGB LCD seem from a greater distance, but on industrial LCDs you can see that the vertical lines of the letters are blurred. The C looks okay, but the H, I, J, K, L, M and N all look a bit blurred.

10.01% popularity Vote Up Vote Down

: Which part of my website does the use of a CC -by-sa licensed picture affect? If I use a CC -by -sa licensed picture (modified by cropping and text overlay) on my website, what part of my

@Sent7350415

Posted in: #CreativeCommons #Licensing

0 Comments

: Create a rounded inflated square in illustrator / photoshop I am wondering how to create a path for this inflated square shape in illustrator or photoshop... btw how is is the shape called?

@Sent7350415

Posted in: #AdobeIllustrator #AdobePhotoshop #Path

1 Comments

: Which colors should I use to indicate higher values in a graph? Which color should I use to indicate higher intensity, frequency etc.? I mean, most of the the graphs I've seen use red to

@Sent7350415

Posted in: #Color #ColorTheory #Diagram

5 Comments

: How do gears / cogs behave in an animation? So I want to make a 3d system of gears. Like working gears, with math and everything :) and for ease of use, I can just make the master gear

@Sent7350415

Posted in: #Animation

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Eichhorn212

You probably just need a font with decent hinting.

For example, here's a sample using DejaVu Sans (a decent basic free font) in GIMP, using the font's built-in hinting, at 10, 11 and 12 pixels:

(I even went and posterized the sample to use 32 gray levels, just like you say your display supports.)

Here's a piece of the same sample, magnified × 4 to show the pixels:

You can see that, while the curved lines are nicely anti-aliased, the straight horizontal and vertical lines are snapped to exact pixels using the hinting information embedded in the font.

If you just want a bitmap to embed in some code, you can always type out the alphabet (and any other characters you need) at the size you want and extract the bitmap images from there. Note that, if you do that, your text rendering code will need to take care of kerning the letters.

Ps. Just for comparison, here's what the same sample looks like with hinting disabled:

10% popularity Vote Up Vote Down

Feed

: Small, anti-aliased fonts for an LCD display I am looking for a font to use on a small (75x55mm) LCD display. The display supports 5 bit grey scale, so anti-aliasing is possible. Unfortunately

More posts by @Sent7350415

: Which part of my website does the use of a CC -by-sa licensed picture affect? If I use a CC -by -sa licensed picture (modified by cropping and text overlay) on my website, what part of my

: Create a rounded inflated square in illustrator / photoshop I am wondering how to create a path for this inflated square shape in illustrator or photoshop... btw how is is the shape called?

: Which colors should I use to indicate higher values in a graph? Which color should I use to indicate higher intensity, frequency etc.? I mean, most of the the graphs I've seen use red to

: How do gears / cogs behave in an animation? So I want to make a 3d system of gears. Like working gears, with math and everything :) and for ease of use, I can just make the master gear

Login to post a comment!

1 Comments

Back to top | Use Dark Theme