After installing hundreds of fonts that didn’t come with Windows XP, I find myself wondering what fonts I can use on a website that are mostly guaranteed to be viewable by almost all who visit: Browser-safe fonts. Which fonts come with Windows? What are their MAC equivalents? It is niether an extensive list nor one that will add a new, attractive style to your pages, but it’s good to remember what fonts are browser-safe and are those that everyone is likely to see. See examples of all of this at the REWBIES (RUBY for newbies) site I’m gluing together…
Windows – MAC (if different) – family
Arial sans-serif
Arial Black sans-serif
Comic Sans MS cursive
Courier New monospace
Georgia serif
Impact Charcoal sans-serif
Lucinda Console Monaco monospace
Lucinda Sans Unicode Lucinda Grande sans-serif
Book Antiqua (this site) Palatino serif
Tahoma Geneva sans-serif
Times New Roman Times serif
Trebuchet MS Helvetica sans-serif
Verdana sans-serif
Symbol N/A
Webdings
Wingdings
MS Sans Serif Geneva sans-serif
MS Serif New York serif
Calling specific fonts in HTML by Style would be as easy as:
<font style="font-family: 'Lucida Console', Monaco, monospace;" size="4"> The Lucinda writing would go here. </font>
Calling specific fonts in CSS Styles would be as easy as:
.nyfont {
font-family: MS Serif;
font-size: 1.0em;
color: Black;
}
Some writing. <font class="nyfont">Some NYFONT style.</font>
Using Style inside some HTML will get newer users to begin to understand CSS better.