untitled

(John Hannent) #1
h1 {font-family: “Arial Black”; font-size:48px;}

</style>
</head>
<body>

<h1 class=”kernSpaced”>This Headline is Slightly Squeezed
through Kerning</h1>

<h1>This Headline is Slightly Squeezed through Kerning
(Not!)</h1>

</body>
</html>

As you can see in Figure 7-8, tightening the space between words improves
the look of headlines:

Figure 7-8:
Here the
space
between
words is
reduced a
bit to tighten
the headline
on top.

136 Part II: Looking Good with CSS

Free download pdf