untitled

(John Hannent) #1

Chapter 5


Chapter 5: All About Text ..............................................................................................


In This Chapter


Thinking about user interfaces


Handling fonts in CSS


Managing size


Using special text effects


C


SS offers you many ways to style text. If you make wise choices, your
overall page design is appealing to your site’s visitors. On the other
hand, an otherwise elegant, powerful Web page can be ruined if you don’t
give thought to how text integrates with the graphic effects. This chapter
is devoted to CSS text styling.

Thinking About User Interfaces ..................................................................


The user views your Web site as both a graphic and a body of text. As a
designer, you are responsible for avoiding obvious problems such as back-
ground graphics dark enough to make foreground text unreadable, jumpy
animation, distracting colors, poor general design, and so on.

But you’re also responsible for choosing text characteristics that are both
pleasing and that reflect the image you want to project.

Obviously, a bank site wants to project solidity and conservatism, so the
classic Times Roman font is a better choice than the Joker font, shown in
Figure 5-1.

Even after you’ve selected a typeface, you must consider other issues as well
when designing your CSS text styles: font size, bold or italic, centered, justi-
fied, superscript, initial caps, or underlined.
Free download pdf