D Browser-Safe Fonts
You can use the font-family attributes to spec- ify the font(s) to be used with your Web page:
font-family: times, “times new roman”, serif; Of course the fonts you can use are directly Browser-Safe FontsBrowser-Safe dependent on the fonts that are available on the visitor’s machine. If they do not have the font installed, then the visitor will not see the design exactly as you intended it. To keep their designs as consistent as possible, many Web designers stick to using Times for their serif font, Arial/Helvetica for their sans-serif fonts, and Courier for their monospace font. Most machines are preinstalled with dozens of fonts, the trick is knowing which fonts are likely to be installed on which computers. The following tables present the fonts that are preinstalled on Windows and Macintosh computers as they come out of the box, as well as the list of the Microsoft Core Web fonts which are installed by Internet Explorer. The list also includes the styles (bold, bold italic, or italic) that are available for the fonts, the generic family the font belongs to, and an example of the font.
continues on next page
477
DHTML app D(F).indd 477 1/15/04, 12:32 PM DHTML appD(F).indd Browser-Safe Fonts similar fonts and list both of them in the able for both Mac and Windows, or choose To use these fonts, either pick a font avail D Appendix 478 www.webbedenvironments.com/dhtml Webport site: to print out for quick-reference, visit the sup If you want a PDF version of this appendix “Andale Mono”). names should be in (example:quotes font list. Remember that multi-word font Table D.1 Microsoft Core Web Fonts Microsoft * Previously named Monotype.com Webdings Verdana Trebuchet MS* Times New Roman Impact Georgia Courier New Comic Sans MS Arial Black Arial Andale Mono* Adobe Minion Web e m a N
478
bold, italic, bold italic bold, italic, bold italic bold, italic, bold italic bold bold, italic, bold italic s e l y t S & s t h g i e W bold, italic, bold italic bold, italic, bold italic
Serif sans-serif Serif Monospace Cursive sans-serif Sans-serif Monospace Sans-serif y l i m Fa c i r e n e G Fantasy sans-serif sans-serif -
-
1234567890 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ e l p m a x E 1/15/04, 12:32PM Browser-SafeFonts
479 Browser-Safe Fonts Browser-Safe Browser-Safe Fonts 478 D Appendix DHTML appD(F).indd Table D.2 Mac OS Gill Sans* Georgia Geneva Gadget** Futura* Didot* Courier New Courier** Copperplate* Comic Sans MS Cochin* Chicago** Charcoal** Capitals** Brush Script MT* Big Caslon* Baskerville* Arial Rounded MT Bold* Arial Narrow* Arial Black Arial Apple Symbols* Apple Chancery Andale Mono** American Typewriter* e m a N
479
bold, italic, bold italic bold, italic, bold italic Sans-serif bold, italic bold, italic, bold italic bold, oblique, bold oblique bold bold bold, italic, bold italic bold, italic, bold italic bold, italic, bold italic bold, italic, bold italic s e l y bold t S & s t h g i e W
Sans-serif Sans-serif Fantasy Cursive Monospace y l Monospace i m Fa c i r e n e G Sans-serif Serif Sans-serif Sans-serif Serif Sans-serif Monospace Monospace Sans-serif Cursive Serif Sans-serif Sans-serif Sans-serif Cursive Serif Serif Sans-serif Sans-serif
abcdefghijklmnopqrstuvwxyz 1234567890 abcdefghijklmnopqrstuvwxyz 1234567890 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ e l p m a x E abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ 1/15/04, 12:32PM (table continues on next page) Browser-SafeFonts
479 Browser-Safe Fonts Browser-Safe DHTML appD(F).indd Browser-Safe Fonts Table D.2 D Appendix 480 Mac OS * As of Mac OS 8.5 * = as of OS X; ** Only installed in OS X if Classic is installed Zapfino* Zapf Dingbats* Webdings** Verdana* Trebuchet MS Times New Roman Times Textile** Techno** Symbol Skia Sand** Papyrus* Palatino** Optima* New York** Monaco Marker Felt* Impact Hoefler Text Herculanum* Helvetica Neue* Helvetica e m a N
continued
480
bold, italic, bold italic bold, italic, bold italic bold, italic, bold italic bold, italic, bold italic bold, italic, bold italic bold, italic, bold italic bold, italic, bold italic bold, italic, bold italic s e l y bold, oblique, bold oblique t S & s t h g i e W
Cursive Fantasy Fantasy Sans-serif Sans-serif Serif Serif Cursive Fantasy Fantasy Sans-serif Fantasy Cursive Serif Sans-serif Serif Monospace Fantasy Serif Serif Cursive Sans-serif y l Sans-serif i m Fa c i r e n e G
abcdefghijklmnopqrstuvwxyz 1234567890abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ e l p m a x E 1234567890 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ αβχδεφγηιϕκλµνοπθρστυϖωξψζ 1234567890 ΑΒΧ∆ΕΦΓΗΙϑΚΛΜΝΟΠΘΡΣΤΥςΩΞΨΖ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ 1/15/04, 12:32PM Browser-SafeFonts
481 Browser-Safe Fonts Browser-Safe Browser-Safe Fonts 480 D Appendix DHTML appD(F).indd Table D.3 Windows OS Windows * = as of Windows XP Wingdings Webdings Verdana Trebuchet MS Times New Roman Tahoma Symbol Palatino Linotype Microsoft Sans Serif* Marlett Lucida Sans Unicode Lucid Console Impact Georgia Franklin Gothic Medium* Courier New Comic Sans MS Arial Black Arial e m a N
481
bold, bold italic, italic bold, bold italic, italic bold bold, bold italic, italic bold, bold italic, italic italic bold, bold italic, italic bold s e bold, italic, bold italic l y t S & s t h g i e W bold, bold italic, italic
Sans-serif Monospace Cursive Serif Serif y l i m Fa c i r e n e G Fantasy Fantasy Sans-serif Sans-serif Serif Sans-serif Fantasy Serif Sans-serif Serif Sans-serif Serif Sans-serif Serif
abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ e l p m a x E 1234567890 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ αβχδεφγηιϕκλµνοπθρστυϖωξψζ 1234567890 ΑΒΧ∆ΕΦΓΗΙϑΚΛΜΝΟΠΘΡΣΤΥςΩΞΨΖ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ 1/15/04, 12:32PM Browser-SafeFonts
481 Browser-Safe Fonts Browser-Safe DHTML app D(F).indd 482 1/15/04, 12:32 PM