By adding these fonts ?¬? rst,
Vista users will see them, and other operating systems will fall back
to the second- and third-string fonts you specify.
Setting Up To Style a Document
The best way to learn about all the different aspects of fonts is to style a
document. So set up your XHTML editor (such as Adobe Dreamweaver) and
your browser to style the sample document (sample_XHTML_markup_ch1.
htm) in the Chapter 1 folder on the Stylin??™ Web site (www.stylinwithcss.com).
Here??™s how to proceed:
1. Download the sample documents folder from the Stylin??™ Web site and
save it on your hard drive.
2. Navigate to the Chapter 1 folder and open the sample_XHTML_
markup_ch1.htm ?¬? le from the File menu of your XHTML editor.
3. Also open the same ?¬? le in a Web browser.
It??™s ?¬? ne to open the ?¬? le in two applications at once, because you are
only writing to the ?¬? le from the editor and are simply reading it in the
browser.
4. Each time you make a change to the XHTML document and save, ?¬‚ ip
to your Web browser (Alt-Tab on Windows or Command-Tab on the
Mac) and refresh the page in the browser using the F5 function key (or
Command-R in Safari).
Now you will see the updated document displayed.
Using Embedded Styles (for Now)
To keep things simple, I??™m going to start out by showing you how to
write your CSS styles in a style element in the head of the document.
Pages:
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114