Web Design
Specifying multiple fonts using HTML
When creating web pages it is best to specify multiple fonts for text. That way, if the visitor doesn't have one of the fonts installed, it will try for another and you will have control over the substitute.
Using Style Sheets & Styles
If you're using one or more style sheets, a great way to handle multiple fonts is to first specify a specific font family-name or two and then specify a generic-name. For example:
/* Add this to your style sheet (the .css file). */ BODY { font-family: "new century schoolbook", serif }Note - It's customary to enclose fonts with multiple word names with quotes.
You can also use a style property right in your HTML code for the page. For example:
<body style="font-family: 'My font', fantasy">
Common PC fonts:
- Verdana - abc, ABC, 123, Bold, Italic, Bold & Italic
- Arial - abc, ABC, 123, Bold, Italic, Bold & Italic
- Helvetica - abc, ABC, 123, Bold, Italic, Bold & Italic
- Courier New - abc, ABC, 123, Bold, Italic, Bold & Italic
- Palatino - abc, ABC, 123, Bold, Italic, Bold & Italic
- Times New Roman - abc, ABC, 123, Bold, Italic, Bold & Italic
Common Unix fonts:
- Helvetica - abc, ABC, 123, Bold, Italic, Bold & Italic
- Times - abc, ABC, 123, Bold, Italic, Bold & Italic
Common Macintosh fonts:
- Helvetica - abc, ABC, 123, Bold, Italic, Bold & Italic
- Courier - abc, ABC, 123, Bold, Italic, Bold & Italic
- Palatino - abc, ABC, 123, Bold, Italic, Bold & Italic
- Times - abc, ABC, 123, Bold, Italic, Bold & Italic
- Verdana* - abc, ABC, 123, Bold, Italic, Bold & Italic
- Arial* - abc, ABC, 123, Bold, Italic, Bold & Italic
* These fonts are available to Mac users who install Internet Explorer 4.0 or above. They can also be download free of charge from Microsoft's typography web site.
Generic Font-Families
For detailed information on generic font-families and their use, see the W3C.- serif - abc, ABC, 123, Bold, Italic, Bold & Italic
- sans-serif - abc, ABC, 123, Bold, Italic, Bold & Italic
- cursive - abc, ABC, 123, Bold, Italic, Bold & Italic
- fantasy - abc, ABC, 123, Bold, Italic, Bold & Italic
- monospace - abc, ABC, 123, Bold, Italic, Bold & Italic
Kathie Kingsley-Hughes
Last updated: May 4th 2004
Print This Page |
Email me when this page changes
| Search This Site
Out Now!
Interested in programming, but don't know where to start? Beginning Programming will get you going! >> Go!
|
|