untitled

(John Hannent) #1
Kerning is browser-sensitive, so if you’re concerned about making your kerned
headlines look good in Netscape or some other browser, load the page into that
other browser and see if further adjustments are necessary to achieve the
lowest common denominator compromise between Internet Explorer and the
other browser.

Vertical Tightening ......................................................................................


Multi-line headlines should also be tightened up a bit vertically by adjusting
the line spacing: reducing the white space between lines of text, as illustrated
in Figure 7-7. Line spacing is known in typography as leading because typeset-
ters once shoved in or removed spacers made of lead to separate the lines of
type.

Adjusting percentages ......................................................................


Recall from Chapter 5 that you can adjust the line spacing by adding a per-
cent figure to the font size. You follow the font-sizevalue with a forward
slash and the percent adjustment you want to make to the line height. In this
case, I specified that it be 99 percent, but you can fiddle around with the
spacing until it looks good to your eye:

<html>
<head>

<style>

h1.spaced{font: bold 48px/.99 “Arial Black”; letter-spacing:
-.06em;}

Figure 7-6:
Kerning
helps the
eye
recognize
unique word
shapes
quickly.


Chapter 7: Styling It Your Way 133

Free download pdf