untitled

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

Free download pdf