Fussiness under the baseline

PabloImpallari's picture

I'm cant find a solution to this little problem:

If you look closely, will see that at 14 and 16pts there seems to be grayscale pixels under the /n serifs. How can I remove it, so it looks like the ones at 15, 17 and 18pts? (Firefox/Mac)

The blue lines are already in place, like this:

However, the problem remains.
I spend all day experimenting, hinting, un-hinting, tweaking blue values, looking at pixels, etc... and wasn't able to find a solution. Nothing seems to make any difference.

The greyscale pixels below the /o are OK, but not the ones below the /n, /i, /l, etc...

hrant's picture

You did say Mac.

hhp

Frode Bo Helland's picture

You cannot control this on a Mac. The (TT) hinting instructions are largely ignored. The only thing I can think of that might help
is hovering your outlines slightly -above- the baseline. Even outlines exactly on pixel edges get these haloes.

PabloImpallari's picture

@Frode: Thanks, will try and report back.

PabloImpallari's picture

Two days, a lot of cigarettes and coffee later... finally found a solution!

@Fore:
Mac may ignore the hinting, but renders quality can still be controlled!
The fussiness/sharpness of the text, seems to be related to the Vertical Metrics, as Mekkablue suggested, and the vertical BBox.

Playing around with the vertical metrics was the solution! Also, a little bit of blue values tweaking, as Mekkablue suggested in the TypeDrawers forum

This is how awesome it looks now (compare to the image in the first post):

It makes all the difference in text sizes.

Now it renders as good as the Webtype RE series, or the new H&FJ SmartScreen new fonts.
And maybe even better at 10px (Keep in mind that I only fixed the vertical metrics, there are still room to tweak the horizontal metrics and stem widths).

Frode Bo Helland's picture

Very interesting. What on earth did you do? I assume this is Postscript (bluevalues), which will look like crap on Windows.

Syndicate content Syndicate content