Web Design Font Families

Dreamweaver defines a series of font variations for use during web development. I assume that the predefined sets are in place because these are the most commonly found fonts across various platforms, and these should render well. Dreamweaver defines fallback fonts in the case that the first defined font is not available. For example, in the first set of sans-serif fonts, if Arial is not available, Helvetica is used. If Helvetica is not available, the system default sans-serif font is used. This page is up for my own design purposes, but since I went through the trouble of making it, I figure I might as well share with the rest of the world. For each font-family there are three tables, one that displays the fonts with no additional properties, and one each that displays bold, italic, and bold-italic.

This is not an all encompassing list of what is available. In fact, it's really only a list of what I have available in DW MX 2004 - which isn't the current version, but from what I can remember, the list hasn't changed in several versions. I'll post links to other resources if this page gets any traffic, or I get some positive feedback. For now, it's simplistic and it suits my needs just fine.

Arial

Font Properties Size Example Text
Arial, Helvetica, sans-serif None xx-small Standard Font Variations in HTML
Arial, Helvetica, sans-serif None x-small Standard Font Variations in HTML
Arial, Helvetica, sans-serif None small Standard Font Variations in HTML
Arial, Helvetica, sans-serif None medium Standard Font Variations in HTML
Arial, Helvetica, sans-serif None large Standard Font Variations in HTML
Arial, Helvetica, sans-serif None x-large Standard Font Variations in HTML
Arial, Helvetica, sans-serif None xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Arial, Helvetica, sans-serif Bold xx-small Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold x-small Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold small Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold medium Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold large Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold x-large Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Arial, Helvetica, sans-serif Italic xx-small Standard Font Variations in HTML
Arial, Helvetica, sans-serif Italic x-small Standard Font Variations in HTML
Arial, Helvetica, sans-serif Italic small Standard Font Variations in HTML
Arial, Helvetica, sans-serif Italic medium Standard Font Variations in HTML
Arial, Helvetica, sans-serif Italic large Standard Font Variations in HTML
Arial, Helvetica, sans-serif Italic x-large Standard Font Variations in HTML
Arial, Helvetica, sans-serif Italic xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Arial, Helvetica, sans-serif Bold-Italic xx-small Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold-Italic x-small Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold-Italic small Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold-Italic medium Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold-Italic large Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold-Italic x-large Standard Font Variations in HTML
Arial, Helvetica, sans-serif Bold-Italic xx-large Standard Font Variations in HTML

 

Times

Font Properties Size Example Text
"Times New Roman", Times, serif None xx-small Standard Font Variations in HTML
"Times New Roman", Times, serif None x-small Standard Font Variations in HTML
"Times New Roman", Times, serif None small Standard Font Variations in HTML
"Times New Roman", Times, serif None medium Standard Font Variations in HTML
"Times New Roman", Times, serif None large Standard Font Variations in HTML
"Times New Roman", Times, serif None x-large Standard Font Variations in HTML
"Times New Roman", Times, serif None xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
"Times New Roman", Times, serif Bold xx-small Standard Font Variations in HTML
"Times New Roman", Times, serif Bold x-small Standard Font Variations in HTML
"Times New Roman", Times, serif Bold small Standard Font Variations in HTML
"Times New Roman", Times, serif Bold medium Standard Font Variations in HTML
"Times New Roman", Times, serif Bold large Standard Font Variations in HTML
"Times New Roman", Times, serif Bold x-large Standard Font Variations in HTML
"Times New Roman", Times, serif Bold xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
"Times New Roman", Times, serif Italic xx-small Standard Font Variations in HTML
"Times New Roman", Times, serif Italic x-small Standard Font Variations in HTML
"Times New Roman", Times, serif Italic small Standard Font Variations in HTML
"Times New Roman", Times, serif Italic medium Standard Font Variations in HTML
"Times New Roman", Times, serif Italic large Standard Font Variations in HTML
"Times New Roman", Times, serif Italic x-large Standard Font Variations in HTML
"Times New Roman", Times, serif Italic xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
"Times New Roman", Times, serif Bold-Italic xx-small Standard Font Variations in HTML
"Times New Roman", Times, serif Bold-Italic x-small Standard Font Variations in HTML
"Times New Roman", Times, serif Bold-Italic small Standard Font Variations in HTML
"Times New Roman", Times, serif Bold-Italic medium Standard Font Variations in HTML
"Times New Roman", Times, serif Bold-Italic large Standard Font Variations in HTML
"Times New Roman", Times, serif Bold-Italic x-large Standard Font Variations in HTML
"Times New Roman", Times, serif Bold-Italic xx-large Standard Font Variations in HTML

Courier

Font Properties Size Example Text
"Courier New", Courier, mono None xx-small Standard Font Variations in HTML
"Courier New", Courier, mono None x-small Standard Font Variations in HTML
"Courier New", Courier, mono None small Standard Font Variations in HTML
"Courier New", Courier, mono None medium Standard Font Variations in HTML
"Courier New", Courier, mono None large Standard Font Variations in HTML
"Courier New", Courier, mono None x-large Standard Font Variations in HTML
"Courier New", Courier, mono None xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
"Courier New", Courier, mono Bold xx-small Standard Font Variations in HTML
"Courier New", Courier, mono Bold x-small Standard Font Variations in HTML
"Courier New", Courier, mono Bold small Standard Font Variations in HTML
"Courier New", Courier, mono Bold medium Standard Font Variations in HTML
"Courier New", Courier, mono Bold large Standard Font Variations in HTML
"Courier New", Courier, mono Bold x-large Standard Font Variations in HTML
"Courier New", Courier, mono Bold xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
"Courier New", Courier, mono Italic xx-small Standard Font Variations in HTML
"Courier New", Courier, mono Italic x-small Standard Font Variations in HTML
"Courier New", Courier, mono Italic small Standard Font Variations in HTML
"Courier New", Courier, mono Italic medium Standard Font Variations in HTML
"Courier New", Courier, mono Italic large Standard Font Variations in HTML
"Courier New", Courier, mono Italic x-large Standard Font Variations in HTML
"Courier New", Courier, mono Italic xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
"Courier New", Courier, mono Bold-Italic xx-small Standard Font Variations in HTML
"Courier New", Courier, mono Bold-Italic x-small Standard Font Variations in HTML
"Courier New", Courier, mono Bold-Italic small Standard Font Variations in HTML
"Courier New", Courier, mono Bold-Italic medium Standard Font Variations in HTML
"Courier New", Courier, mono Bold-Italic large Standard Font Variations in HTML
"Courier New", Courier, mono Bold-Italic x-large Standard Font Variations in HTML
"Courier New", Courier, mono Bold-Italic xx-large Standard Font Variations in HTML

 

Georgia

Font Properties Size Example Text
Georgia, "Times New Roman", Times, serif None xx-small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif None x-small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif None small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif None medium Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif None large Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif None x-large Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif None xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Georgia, "Times New Roman", Times, serif Bold xx-small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold x-small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold medium Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold large Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold x-large Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Georgia, "Times New Roman", Times, serif Italic xx-small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Italic x-small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Italic small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Italic medium Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Italic large Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Italic x-large Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Italic xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Georgia, "Times New Roman", Times, serif Bold-Italic xx-small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold-Italic x-small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold-Italic small Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold-Italic medium Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold-Italic large Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold-Italic x-large Standard Font Variations in HTML
Georgia, "Times New Roman", Times, serif Bold-Italic xx-large Standard Font Variations in HTML

 

Verdanna

Font Properties Size Example Text
Verdana, Arial, Helvetica, sans-serif None xx-small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif None x-small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif None small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif None medium Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif None large Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif None x-large Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif None xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Verdana, Arial, Helvetica, sans-serif Bold xx-small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold x-small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold medium Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold large Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold x-large Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Verdana, Arial, Helvetica, sans-serif Italic xx-small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Italic x-small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Italic small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Italic medium Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Italic large Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Italic x-large Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Italic xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Verdana, Arial, Helvetica, sans-serif Bold-Italic xx-small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold-Italic x-small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold-Italic small Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold-Italic medium Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold-Italic large Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold-Italic x-large Standard Font Variations in HTML
Verdana, Arial, Helvetica, sans-serif Bold-Italic xx-large Standard Font Variations in HTML

 

Geneva

Font Properties Size Example Text
Geneva, Arial, Helvetica, sans-serif None xx-small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif None x-small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif None small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif None medium Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif None large Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif None x-large Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif None xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Geneva, Arial, Helvetica, sans-serif Bold xx-small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold x-small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold medium Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold large Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold x-large Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Geneva, Arial, Helvetica, sans-serif Italic xx-small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Italic x-small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Italic small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Italic medium Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Italic large Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Italic x-large Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Italic xx-large Standard Font Variations in HTML

 

Font Properties Size Example Text
Geneva, Arial, Helvetica, sans-serif Bold-Italic xx-small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold-Italic x-small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold-Italic small Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold-Italic medium Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold-Italic large Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold-Italic x-large Standard Font Variations in HTML
Geneva, Arial, Helvetica, sans-serif Bold-Italic xx-large Standard Font Variations in HTML

Steve Kallestad My Blog