Prev | Current Page 120 | Next

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"

Of course, you can override this behavior by explicitly setting a
different text-indent for child elements.
Letter-Spacing Property
Example: p {letter-spacing:.2em;}
Values: any length values (positive or negative)
This property produces what print designers call tracking, an overall
spacing between letters. Positive values increase letter-spacing,
while negative values decrease it. I highly recommend you use relative
values, such as ems or percentages, rather than absolute values,
such as pixels, so that the spacing remains proportional even if the
user changes the font size. Figure 3.18 gets you started.
FIGURE 3.18 In this example, you
can see how changing the letterspacing
value changes the look of
your text.
Tracking is the print term for the
letter spacing applied to a block of
text. Kerning is the term for adjusting
the space between two speci?¬? c
characters.
STYLIN??™ FONTS AND TEXT 89
The default letter spacing appears more and more loose as the text
gets larger. As you can see, you can give headlines that professional
touch by tightening them up a bit.
Generally, body text doesn??™t need changes to the letter spacing,
although it??™s a personal preference, and you can give your pages a
unique look if the type is a little tighter or looser than is typical. Just
go easy, as too much either way makes the type hard to read.


Pages:
108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132