<body>
<h1>This Headline is Slightly Squeezed through <span
class=”kern”>Kern</span>ing and Heavier
Kerning</h1>
<h1 class=”normal”>This Headline is Slightly Squeezed through
Kerning (Not!)</h1>
The results of this code are shown in Figure 7-2:
Here in Figure 7-3 is a closer look at the kerned and unkerned word:
Figure 7-3:
The letters
Kerningare
tighter in the
top version
than the
bottom.
Figure 7-2:
Notice in
particular
the top
headline’s
use of the
tighter
characters
in the first
use of the
word
Kerning.
130 Part II: Looking Good with CSS