Choosing Fonts IS 210 Internet Programming I
Accessible Font Combinations
|
Windows |
|
Macintosh |
|
Generic |
|---|---|---|---|---|
|
Times New Roman |
= |
Times |
= |
serif |
|
Bookman Old Style |
|
ITC Bookman Oldstyle |
|
serif |
|
Century Schoolbook |
|
ITC New Century Schoolbook |
|
serif |
|
Book Antiqua |
|
Palatino |
|
serif |
|
Arial |
|
Helvetica |
|
sans-serif |
|
Arial Narrow |
|
Helvetical Narrow |
|
sans-serif |
|
Century Gothic |
|
ITC Avant Garde |
|
sans-serif |
Verdana |
= |
Geneva (Not quite the same as Verdana) |
= |
sans-serif |
|
Courier |
|
Courier |
|
mono |
|
Monotype Corsiva |
|
ITC Zapf Chancery Medium Italic |
|
cursive |
??? |
|
??? |
|
fantasy |
Example:
<style type="text/css">
<!--
body {font-family: Verdana, Geneva, sans-serif;}
-->
</style>
Accessible Font Sizes
Example:
body {font-family: Verdana, Geneva, sans-serif; size:
90%;}
Use relative size units such as % or em. Those users who set a larger font size for their browser will appreciate it because you are setting sizes relative to their preferred size.
Accessible Font Colors
Always provide at least 75% contrast between your font color and the page's background color.
Example assuming a white backround is used:
body {font-family: Verdana, Geneva, sans-serif; size:
90%; color: #0000cc;
IS 210 Home
Syllabus
Fonts Guide
CSS
Reference Site
Forms
Guide
Useful
JavaScript Snippets
MSDN
AA
Contact Info
Office: Bldg 18 Room 112A
krist at spokanefalls.edu
3410 W Ft George Wright Dr
MS 3180
Spokane, WA 99224
Voice: 509.533.3246
Fax: 509.533.3856