HTML and CSS Reference
In-Depth Information
Tammy expects that her Web page will be viewed only on computer monitors, so
you'll use a sans-serif font for all of the body text by adding the style
font-family: Verdana, Geneva, sans-serif;
to the
body
selector. Browsers will fi rst try to load the Verdana font, followed by the
Geneva font. If both are unavailable, browsers will load a generic sans-serif font.
To apply a sans-serif font to the body text:
◗
1.
Return to the
sa_styles.css
file in your text editor.
◗
2.
Add the following style to the
body
style rule at the top of the style sheet, as
shown in Figure 3-27:
font-family: Verdana, Geneva, sans-serif;
Figure 3-27
Specify the default font for the Web page body
◗
3.
Save your changes to the style sheet and then reload the
home.htm
file in your
Web browser. As shown in Figure 3-28, the text of the entire page is displayed in
a sans-serif font.
Figure 3-28
Displaying the page text in a sans-serif font