Dinarius = digital interest
8 August 2008

Browser-safe Fonts That Install With Windows

TAGS: , , , , , ,

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.

Favorite's the ARTICLE, not the SITE.