Hour Eight: Fonts and Font Families
One of the most effective changes you can make to a Web page using CSS is to simply alter the browser's default font. This can immediately add a more professional look to your Web site, as well as making it easier for users to read and find information.
In this hour, you'll learn
- Which font properties specify bold, italic, stretched, and variant fonts
- How you can set a number of font properties at once using a shorthand property
- What the generic font families are and how to use them
- Which fonts are most commonly installed on various browsers and platforms
- How you can use CSS to tell a browser to download a font from the Web
Sample Code
You can download the sample code from each hour as one package or individual files.
- Download all [1.5K tar.gz file]
- Font weight example [HTML]
- Font variant example [HTML]
- Font style example [HTML]
- Font stretch (non-)example [HTML]
- Font size-adjust (non-)example [HTML]
- Generic font families example [HTML]
- Serif font familyexample [HTML]
- Sans-serif font family example [HTML]
- Cursive font family example [HTML]
- Fantasy font family example [HTML]
- Monospace font family example [HTML]
Web Links
These are the links presented in this hour, given here for easy reference.
- Microsoft Typography Site (WEFT embedded fonts)
- TrueDoc embedded fonts
Updates and Errata
There are currently no updates to this hour's content.
