lol

kuroneko's picture

This is the first results of my screen font project. I've based my letters on a 14pt pixel grid to make the look well on a screen at a text size without any hinting. All suggestions will be very appreciated.

AttachmentSize
lol.gif33.35 KB
anobe.gif58.69 KB
ill sans's picture

It looks really nice & very legible in small sizes, but I'd like to see some text set in the font.

jasonc's picture

Do you mean it's base on a 14ppm pixel grid? a pixel grid can't be point based, since the pixel grid is determined using the point size in relation to the device resolution. (i.e, at 72ppi, 14point=14ppm, but at 96ppi, 14point = 19ppm)

Could you list the ppm sizes displayed in the gif image for reference?
interesting work!

Jason C

kuroneko's picture

Yeah, you're right! I was talking about 14pt on a 72dpi screen.
The sizes displayed in the gif image are : 96pt, 72pt, 60pt, 48pt, 36pt, 30pt, 24pt, 18pt and 14pt.

Here are two msn text samples at 14pt & 12pt :


I think that the line height sucks but I don't know how to change it : s

sgh's picture

Very nice design so far. I think it's quite readable---the idea of basing it off a grid is quite clever. Adding some basic Postscript-style hints would make the stems cripser at sizes other than 14pt. Of course, your sample makes it look like you don't need it, but since auto-generating such hints is pretty painless, it's worth trying it.

I would suggest posting a pdf file. How much of the design is tuned to the Mac rendering model?

The s looks like it's falling backward ever so slightly.

In your anobe picture, what are the blue letters?

hrant's picture

If it's optimized for 14ppem why are the stems not crisp or consistent
(look at an "em") and why is there any subpixel action going on?

BTW, a pixelfont (even in the looser sense of the term where the outlines are
intended to look decent in print) shouldn't have any talus (internal leading).
In your 14 point sample the ascender-descender span is 13 pixels.

Something's not exactly snapping into place.

hhp

kuroneko's picture

The main idea is to use no hinting at all. The font is just a school project and don't have to be perfect but just to have a leading concept. The blue letters in the anobe picture are the default fontlab backgrounds, they are not linked to the font itself and I just forgot to hide them while printing my screen. And finally this is not a pixel font but a pixel based way to draw letters, I'm trying to make it look decent at big and small size just by the way I'm drawing it. Anyway can someone help about the line height ?

hrant's picture

I think the best way to think about it is that it's
a 14ppem pixelfont that tries to look good in print.
But for some reason its 14ppem screen rendering is
not as expected.

hhp

jasonc's picture

for the line height, look at the values of the OS2>WinAscent and OS2>WinDescent, and also hhea>ascender and hhea>descender. One or more of these values may be set too small. Depending on the app you're using, the value in OS2>sTypoLinegap may need to be adjusted also.

Another question though, (and I might be way off on this one...) If OSX uses oversampling to generate graymaps for the screen, then drawing on a 14pixel grid might not work exactly, correct? I'd imaging there may be cases where the larger oversample size rounds differently then the base 14pixel grid drawing? I am thinking this might be why you're seeing some of the strangeness that Hrant mentioned. As I said, I might be wrong about that, I certainly haven't tested it myself.

Jason C

kuroneko's picture

Thanks for all your help guys, I've corrected some parameters following your advices and here is the result :

1. screen text sample
2. print text sample

Syndicate content Syndicate content