untitled

(John Hannent) #1
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.


Chapter 7: Styling It Your Way 129

Free download pdf