Graphic Designers Dazzle Clients with words like Whitespace and Kerning

In this golden age of the viewport I am amazed by the lack of care given to typesetting. Every day we see badly spaced type left unfinished. To be fair, some designers are stuck when faced with something like a bad letter pair. Maybe they can’t edit a font or don’t know how to code. I do fear though that such mishaps often go unnoticed. In my experience, laypeople know when typesetting isn’t right but they never think of it as something that can be fixed. They just suffer through it and call it good. But dearest graphic designers — our brothers and sisters who pride themselves on having the most undying typographic loyalty — who bandy about all the usual terms like kerning, tracking, whitespace, but never actually apply any of it … let’s work together to fix this!

The tools are there. The knowhow, should be there. By all accounts though, typographic consideration for the screen is still pretty low.

Following are some little fixes for what I consider major oversights. I file these under what most designers say they care about deeply, but never actually do anything about in practice.

[Of course it doesn’t help that we usually have programmers doing typesetting these days but that’s an altogether separate topic.]

Cramped Capital Strings

For body text and small titles, adding space to strings of capitals makes them more readable. I rarely see this done. And that’s a shame because it can really improve the reading experience when done right. Cap strings on their own are disruptive to the reading line. This is because they’re read more as individual letters than words. As we run across them, reading slows for each letter. Adding space makes them more readable. And in the absence of smallcaps – or as another option to smallcaps – slightly reducing their size can make them more agreeable on the line.

Condensed capital strings at small sizes usually benefit from a little extra space. Most would try to fix this by increasing the size of the text, but that would only make the cramped letters more visible. First as typed, second with added tracking.

When small caps are either absent or you just don’t like them, cap strings sometimes benefit from a slight reduction in size. And to reiterate the point, they will always benefit from added space. First as typed, second with reduced size and added tracking.

Bad Letter Pairs

No font is perfect and most fonts have spacing issues. It really can’t be helped since there are literally thousands of possible letter pairs. Always look out for the un-kerned, they’re everywhere. The best place to adjust these are in the font, but if you can’t do that, you’ll have to fix them in the page. Of course letter pairs across styles (italic/roman) can’t be kerned across two separate fonts so those too have to be adjusted manually in the page. Look for collisions common with italics against roman closing punctuation.

No one does this. Maybe for a static title here and there, but not much past that. These sorts of spacing issues are often just accepted. But if you can see them, why allow such obvious errors go unfinished?

Bad kerning pairs require manual adjustment, either in the font or at the display level. You don’t need me to tell you that the spacing in this first image is unacceptable. First as typed, second adjusted.

Watch for italic/roman closed parenthesis collisions. These you have to fix at the display level. It’s hard to do but the payoff is huge. First as typed, second with added space.

For the top offenders, here is Simon Cozens’ top 50 most commonly left un-kerned glyph pairs (from a much larger list of ten-thousand across 514 fonts). An immensely useful list. Thanks Simon!

LT
LV
LY
TA
P,
Ta
VA
T.
AV
Yo
Ya
PA
YA
To
T,
P.
F,
AY
V.
Va
F.
AT
Te
Vo
LW
Y.
Ye
Y,
FA
V,
Ve
TÆ
Yu
WA
L”
T-
AW
Wa
Tœ
v.
y.
w.
W.
Tw
Tæ
VÆ
Wo
PÆ
r.
v,

Illegible Tiny Text

Super small text (<10px) needs added letter spacing throughout, especially when reversed light on dark. Slightly spaced text makes it appear larger and less cramped without noticeably changing its structure. Also legibility is made worse when small type is set light on dark because reversed text always appears more bold, and in this case more cramped.

The Goudy quote “Anyone who would letterspace blackletter would fuck sheep.” is an oversimplification at best. Even blackletter needs letterspacing at tiny sizes. So, we should hope that even the great Goudy fancied sheep every once in a while. 🐑