set to .16for the Times Roman font). You have to fiddle a bit until you get
the desired effect when kerning. I also added a new class named ultrakern
for even tighter spacing, and then I applied both classes where needed in this
code:
<body>
<h1>This Headline is Slightly Squeezed through Kerning and
Heavier <span class=”ultrakern”>Ker</span><span
class=”kern”>ning</span></h1>
<h1 class=”normal”>This Headline is Slightly Squeezed through
Kerning (Not!)</h1>
</body>
The result is shown in Figure 7-5. The eis shoved under the K using very tight
spacing.
You can see the effect of kerning even more clearly in Figure 7-6.
Kerning is also frequently used to close the gap between a character and a
punctuation mark that follows it. Kerning can also be used to reduce the size
of the space character, thereby reducing space between words and bringing
words closer together. You explore the CSS word-spacingproperty shortly.
Figure 7-5:
You can see
the effect of
two levels of
kerning in
the second
use of the
word
Kerning.
132 Part II: Looking Good with CSS
