You don’t need to kern every pair of characters, however. That’s why using
the CSS letter-spacing property is actually not kerning, properly speaking.
Kerning involves only adjusting some letter pairs. It’s actually a more subtle
effect than you see in Figure 7-1.
True kerning .......................................................................................
Real kerning is done on a letter-by-letter basis, not wholesale across the entire
headline. However, you can use letter spacing to achieve this hand-kerning.
Here’s an example that defines a tighter than normal letter spacing (-.06em)
combined with an even tighter squeezing of the spacing in a class called kern
(-.16em):
<style>
h1 {font-size:44px; letter-spacing: -.06em}
h1.normal {letter-spacing: normal}
.kern {letter-spacing: -0.16em;}
</style>
</head>
Figure 7-1:
Negative
word
spacing
brings
characters
closer
together;
and
headlines
usually look
better when
tightened
up.