Quotulatiousness

May 18, 2011

If you take typography seriously, you will surely go mad

Filed under: Humour, Technology — Tags: , , — Nicholas @ 15:51

Frequent commenter Lickmuffin sent in this link with the subject line “This is amusing AND SPOT ON!”.

This is freaking me out today. You see, I hardly look at my calendar date on the iPhone. But today I did. I looked at that pixel-perfect, beautiful Retina screen and this problem got instantly into my eye, like a white hot scalpel pinching through my retina until it reached the back of my skull.

See what I mean? Can you see IT? The 1 is off center. Instead of being optically centered, it’s geometrically centered. So it just looks wrong. Really, what happened there, Steve? Where did all that love for typography and attention to detail go? Out the fucking window of your silver Merc, that’s where.

Perhaps this is some kind of cruel April Fools joke from Cupertino. Maybe they are all at the office, hahahing at their clever joke. OK. I don’t find it fucking funny, but I understand your desire to torture your users.

But rather than leaving it there, whimpering, Lickmuffin was suddenly seized with a typographical fit:

Well, the “all phones have it wrong” answer might be correct. [Name] sent me the Gizmodo link through Skype, and I went on and on about why the 1 is off:

[2:10:58 PM] Lickmuffin: The 1 is off centre because they are centering on the width of the entire character — that serif off to the left with no serif on the right of the 1 makes the whole character appear off-center.

[2:13:46 PM] Lickmuffin: The “wrong” version 1 has about 44 pixels on either side of it, measured on the left from the edge of the white box to the serif, and on the right from the edge of the white box to the body of the 1. I say “about” because how you measure depends on whether or not you include the aliasing in the character.

[2:14:26 PM] Lickmuffin: In the “wrong” illustration, the 1 is off-center — it measures 41 pixels from the white box border on the left, and 49 pixels from the white box border on the right.

[2:15:56 PM] Lickmuffin: What the author is complaining about is common — graphical apps tend to base centering on overall character width. For example, when I create callouts in an illustration that have a number in a circle, simply centering the number in the circle will not always look right: the 1 is usually off, especially with sans-serif fonts. The graphics apps center on the width of the 1 as an object, not on the “visual center” of the character that would make it look right.

[2:18:49 PM] Lickmuffin: There are ways to fix this — fonts can carry information called “metrics” that help align fonts when they are placed together. Most often, metrics are used to adjust side-by-side spacing of characters by nudging characters closer together when they fit together. For example: WA Here the app (or the font) would nudge the W and A together. In the case of the 1, metrics could tell apps to center the character on an imaginary centre line, rather than on the actual centre line determined by the character’s width.

[2:19:01 PM] Lickmuffin: Fonts are F A S C I N A T I N G !

Yes, I know that the dongle on the “1” is not a serif — it’s actually part of the “stroke” of the letter. But you know what I mean.

Humph.

After his collapse, I understand that Lickmuffin is now lying down quietly in a darkened room with no visible letters or numbers. Perhaps he will recover, in time.

No Comments

No comments yet.

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.

Powered by WordPress