Most Popular Website Fonts

Below is an A to Z listing of the most popular website fonts. We've tagged the top ten web fonts (referred to as the Core Web Fonts) with an asterisk (*) in the A-Z Font Listing dropdown menu. What you see on this page are actual fonts being styled through an external style sheet. If for some reason a font does not appear to look correct to you, it is likely that particular font is not supported on your operating system (OS).

Each of the major operating systems; Windows, Macintosh and Unix/Linux, have their default font families, and then any additional fonts the user may have installed on their system. It is always recommended that you specify a generic font family in your style sheet. This provides a generic fallback font in case the user's OS does not support the font you've chosen. It is also suggested that you utilize CSS Font Stacks which allow you to target a broader range of fonts across multiple operating systems.

If you are viewing this page on Windows and are as picky as I am about fonts, you'll have noticed the "slashed zeros" (00) in the date stamp preceding this paragraph. The font is Consolas and it is part of the Windows ClearType Font Collection. Consolas can be used in a Font Stack as a replacement/fallback font for Andale Mono, Bitstream Vera Sans Mono, Consolas, Courier, Courier New, DejaVu Sans Mono, FreeMono, Lucida Console, Luxi Mono, Monaco, and Nimbus Mono L.

Table of Contents

1. A-Z Font Listing
2. Core Web Fonts
3. Microsoft Windows Fonts
4. Mac OS X Fonts (Referenced in this Article)
5. Unix/Linux Fonts (Referenced in this Article)
6. CSS Font Stacks
7. More Information on Fonts

A-Z Font Listing of Most Popular Web Safe Fonts

Items marked with an asterisk (*) are Core Web Fonts. Headings are reversible. Hover your cursor over each of the font names to see a white on black reverse.

• Core Web Font
• Generic Font Family: Monospace
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: "Andale Mono", Monospace;}
• Stacking Fonts: Bitstream Vera Sans Mono, Consolas, Courier, Courier New, DejaVu Sans Mono, FreeMono, Lucida Console, Luxi Mono, Monaco, Nimbus Mono L

• Core Web Font
• Generic Font Family: Sans-Serif
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: Arial, Sans-Serif;}
• Stacking Fonts: Calibri, FreeSans, Helvetica, Helvetica Neue, Luxi Sans

• Core Web Font
• Generic Font Family: Sans-Serif
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: "Arial Black", Sans-Serif; font-weight: normal;}
• Stacking Fonts: Frutiger

• Generic Font Family: Sans-Serif
• OS Support: Windows, Mac
• Font Stack: {font-family: "Arial Narrow", Sans-Serif;}

• Generic Font Family: Serif
• OS Support: Windows
• Font Stack: {font-family: Baskerville, Serif;}
• Stacking Fonts: Adobe Caslon Pro, Baskerville Old Face, Bitstream Vera Serif, DejaVu Serif, Hoefler Text, Times, Times New Roman

• Generic Font Family: Serif
• OS Support: Windows
• Font Stack: {font-family: "Book Antiqua", serif;}
• Stacking Fonts: Constantia, Palatino, Palatino Linotype

• Generic Font Family: Serif
• OS Support: Windows
• Font Stack: {font-family: "Bookman Old Style", Serif;}

• Generic Font Family: Sans-Serif
• OS Support: Windows
• Font Stack: {font-family: Calibri, Sans-Serif;}
• Stacking Fonts: Arial

• Generic Font Family: Serif
• OS Support: Windows
• Font Stack: {font-family: Cambria, Serif;}
• Stacking Fonts: Adobe Caslon Pro, Baskerville, Bitstream Vera Serif, DejaVu Serif, Georgia, Hoefler Text, Times, Times New Roman

• Generic Font Family: Sans-Serif
• OS Support: Windows
• Font Stack: {font-family: Candara, Sans-Serif;}
• Stacking Fonts: Arial, Helvetica, Helvetica Neue, Optima, Trebuchet MS

• Generic Font Family: Sans-Serif
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: "Century Gothic", Sans-Serif;}
• Stacking Fonts: Apple Gothic, Avant Garde, Avant Garde Gothic, Trebuchet, Trebuchet MS, URW Gothic L

• Generic Font Family: Serif
• OS Support: Windows
• Font Stack: {font-family: "Century Schoolbook", Serif;}

• Generic Font Family: Sans-Serif
• OS Support: Mac
• Font Stack: {font-family: Charcoal, Sans-Serif;}

• Core Web Font
• Generic Font Family: Cursive
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: "Comic Sans MS", Cursive;}

• Generic Font Family: Monospace
• OS Support: Windows
• Font Stack: {font-family: Consolas, Monospace;}
• Stacking Fonts: Andale Mono, Bitstream Vera Sans Mono, Courier, Courier New, DejaVu Sans Mono, FreeMono, Lucida Console, Luxi Mono, Monaco, Nimbus Mono L

• Generic Font Family: Serif
• OS Support: Windows
• Font Stack: {font-family: Constantia, Serif;}
• Stacking Fonts: Book Antiqua, Palatino, Palatino Linotype

• Generic Font Family: Serif
• OS Support: Windows, Mac
• Font Stack: {font-family: "Copperplate Gothic Light", Serif;}

• Generic Font Family: Serif
• OS Support: Windows, Mac
• Font Stack: {font-family: "Copperplate Gothic Bold", Serif;}

• Generic Font Family: Sans-Serif
• OS Support: Windows
• Font Stack: {font-family: Corbel, Sans-Serif;}
• Stacking Fonts: Verdana

• Generic Font Family: Monospace
• OS Support: Mac, Unix
• Font Stack: {font-family: Courier, Monospace;}
• Stacking Fonts: Andale Mono, Bitstream Vera Sans Mono, Consolas, Courier New, DejaVu Sans Mono, FreeMono, Lucida Console, Luxi Mono, Monaco, Nimbus Mono L

• Core Web Font
• Generic Font Family: Monospace
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: "Courier New", Monospace;}
• Stacking Fonts: Andale Mono, Bitstream Vera Sans Mono, Consolas, Courier, DejaVu Sans Mono, FreeMono, Lucida Console, Luxi Mono, Monaco, Nimbus Mono L

• Generic Font Family: Sans-Serif
• OS Support: Windows
• Font Stack: {font-family: "Franklin Gothic Medium", Sans-Serif;}
• Stacking Fonts: Arial, Arial Narrow Bold

• Generic Font Family: Serif
• OS Support: Windows
• Font Stack: {font-family: Garamond, Serif;}
• Stacking Fonts: Adobe Garamond Pro, Bitstream Charter, Hoefler Text, Palatino, Palatino Linotype, Times, Times New Roman

• Generic Font Family: Sans-Serif
• OS Support: Mac
• Font Stack: {font-family: Geneva, Sans-Serif;}
• Stacking Fonts: Lucida Grande, Lucida Sans, Lucida Sans Unicode, Verdana

• Core Web Font
• Generic Font Family: Serif
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: Georgia, Serif;}
• Stacking Fonts: Adobe Caslon Pro, Bodoni, Baskerville, Cambria, DejaVu Serif, Palatino, Palatino Linotype, Times, Times New Roman, Utopia

• Generic Font Family: Sans-Serif
• OS Support: Windows, Mac
• Font Stack: {font-family: "Gill Sans", Sans-Serif;}
• Stacking Fonts: Calibri, Gill Sans MT, Helvetica Neue, Trebuchet, Trebuchet MS

• Generic Font Family: Sans-Serif
• OS Support: Windows
• Font Stack: {font-family: Haettenschweiler, Sans-Serif;}
• Stacking Fonts: Arial Black, Arial Narrow Bold, Franklin Gothic Bold, Impact

• Generic Font Family: Sans-Serif
• OS Support: Mac, Unix
• Font Stack: {font-family: Helvetica, Sans-Serif;}
• Stacking Fonts: Arial, Calibri, FreeSans, Helvetica Neue, Luxi Sans

• Core Web Font
• Generic Font Family: Sans-Serif
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: Impact, Sans-Serif; font-weight: normal;}
• Stacking Fonts: Arial Black, Arial Narrow Bold, Bitstream Vera Sans Bold, Franklin Gothic Bold, Haettenschweiler

• Generic Font Family: Monospace
• OS Support: Windows
• Font Stack: {font-family: "Lucida Console", Monospace;}
• Stacking Fonts: Andale Mono, Bitstream Vera Sans Mono, Consolas, Courier, Courier New, DejaVu Sans Mono, FreeMono, Luxi Mono, Monaco, Nimbus Mono L

• Generic Font Family: Sans-Serif
• OS Support: Mac
• Font Stack: {font-family: "Lucida Grande", Sans-Serif;}
• Stacking Fonts: Geneva, Lucida Sans, Lucida Sans Unicode, Myriad, Myriad Pro

• Generic Font Family: Sans-Serif
• OS Support: Windows
• Font Stack: {font-family: "Lucida Sans", Sans-Serif;}
• Stacking Fonts: Lucida Grande, Lucida Sans Unicode

• Generic Font Family: Sans-Serif
• OS Support: Windows
• Font Stack: {font-family: "Lucida Sans Unicode", Sans-Serif;}
• Stacking Fonts: Lucida Grande, Lucida Sans

• Generic Font Family: Monospace
• OS Support: Mac
• Font Stack: {font-family: Monaco, Monospace;}
• Stacking Fonts: Andale Mono, Bitstream Vera Sans Mono, Consolas, Courier, Courier New, DejaVu Sans Mono, FreeMono, Luxi Mono, Nimbus Mono L

• Generic Font Family: Cursive
• OS Support: Windows
• Font Stack: {font-family: "Monotype Corsiva", Cursive;}

• Generic Font Family: Monospace
• OS Support: Windows
• Font Stack: {font-family: "OCR A Extended", Monospace;}

• Generic Font Family: Serif
• OS Support: Mac
• Font Stack: {font-family: Palatino, Serif;}
• Stacking Fonts: Adobe Garamond Pro, Baskerville, Bitstream Charter, Cambria, Constantia, Georgia, Goudy Old Style, Hoefler Text, Palatino Linotype, Times, Times New Roman

• Generic Font Family: Serif
• OS Support: Windows
• Font Stack: {font-family: "Palatino Linotype", Serif;}
• Stacking Fonts: Adobe Garamond Pro, Baskerville, Bitstream Charter, Cambria, Constantia, Georgia, Goudy Old Style, Hoefler Text, Palatino, Times, Times New Roman

• Generic Font Family: Fantasy
• OS Support: Windows, Mac
• Font Stack: {font-family: Papyrus, Fantasy;}

• Generic Font Family: Sans-Serif
• OS Support: Windows, Mac
• Font Stack: {font-family: Tahoma, Sans-Serif;}
• Stacking Fonts: Arial, Helvetica

• Generic Font Family: Serif
• OS Support: Mac, Unix
• Font Stack: {font-family: Times, Serif;}
• Stacking Fonts: Adobe Caslon Pro, Baskerville, Bitstream Vera Serif, Cambria, DejaVu Serif, Georgia, Hoefler Text, Times New Roman

• Core Web Font
• Generic Font Family: Serif
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: "Times New Roman", Serif;}
• Stacking Fonts: Adobe Caslon Pro, Baskerville, Bitstream Vera Serif, Cambria, DejaVu Serif, Georgia, Hoefler Text, Times

• Core Web Font
• Generic Font Family: Sans-Serif
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: "Trebuchet MS", Sans-Serif;}
• Stacking Fonts: Bitstream Vera Sans, Candara, DejaVu Sans, Tahoma, Trebuchet

• Core Web Font
• Generic Font Family: Sans-Serif
• OS Support: Windows, Mac, Unix
• Font Stack: {font-family: Verdana, Sans-Serif;}
• Stacking Fonts: Bitstream Vera Sans, Corbel, DejaVu Sans, Geneva

Core Web Fonts

• Andale Mono
• Arial
• Arial Black
• Comic Sans MS
• Courier New
• Georgia
• Impact
• Times New Roman
• Trebuchet MS
• Verdana
• Webdings

Mac OS X Fonts

• Andale Mono
• Arial
• Arial Black
• Arial Narrow
• Charcoal
• Comic Sans MS
• Copperplate
• Courier
• Courier New
• Georgia
• Geneva
• Helvetica
• Impact
• Lucida Grande
• Monaco
• Palatino
• Times
• Times New Roman
• Trebuchet MS
• Verdana
• Webdings

Unix/Linux Fonts

• Arial
• Arial Black
• Bitstream Vera Sans Mono
• Comic Sans MS
• Courier
• Courier New
• DejaVu Sans Mono
• FreeMono
• Georgia
• Helvetica
• Impact
• Lucida Sans
• Luxi Mono
• Nimbus Mono L
• Times
• Times New Roman
• Trebuchet MS
• Verdana

CSS Font Stacks

This set of CSS Font Stacks is for the Windows ClearType Collection of Vista "C" Fonts (Calibri, Cambria, Candara, Consolas, Constantia, Corbel) which ships with Windows Vista and are part of most Windows Upgrades.

1. {font-family: Calibri, Arial, Helvetica, Sans-Serif;}
2. {font-family: Cambria, Georgia, "Times New Roman", Times, Serif;}
3. {font-family: Candara, "Trebuchet MS", Sans-Serif;}
4. {font-family: Consolas, "Courier New", "Lucida Console", Monospace;}
5. {font-family: Constantia, "Palatino Linotype", "Book Antiqua", Palatino, Serif;}
6. {font-family: Corbel, Verdana, Sans-Serif;}

More Information on Fonts for the Web

1. W3C: 15 Fonts
   • 15.3.1 Generic Font Families
2. WebAIM: Fonts
3. Microsoft Typography: Fonts Supplied with Microsoft Products
   • Microsoft Typography: ClearType Font Collection
   • Microsoft: Recommended Fonts
4. Apple: Mac OS X 10.4 Fonts List
5. 2008-12-14 - Jens Meiert: CSS Properties Index
6. 2008-06-03 - AMPsoft: Common Fonts for Windows and Mac - Browser Safe Fonts
7. 2007-07-18 - Dustin Brewer: Fonts on the Web - List of Web Safe Fonts
8. 2007-05-03 - Inspiration Bit: 16 Best Loved Font Bits in Web Design
9. Buy Web Site, Sell Website

CSS Tips

• CSS Tips Index
• CSS Popout Menus
  • Vertical CSS Menu
  • Horizontal CSS Menu
  • CSS Menus Tutorial
• CSS Text Effects
  • Text Decoration
  • Text Transform
  • Preformatted Text
• Popular Web Safe Fonts

Color Conversion

• Convert to Hex/RGB
• Web Safe Colors
• Xll Color Keywords
• RGB Color Chart
• Shades of Gray

Webmaster Tips

• Webmaster Tips Index

Webmaster Tools

• Webmaster Tools Index

Compare Quotes For

• Enterprise SEO
• Enterprise PPC
• Enterprise Link Building
• Enterprise Local Search
• Enterprise Social Media Marketing
• Enterprise Reputation Management
• Enterprise Affiliate Marketing
• Enterprise Content Creation
• Enterprise Site Audit
• Enterprise Web Design
• Enterprise Web Development
• Enterprise Mobile Marketing
• Enterprise Video SEO
• Enterprise Landing Page Optimization
• Enterprise Multilingual SEO

• Email Marketing Software
• Web Analytics Software
• PPC Bid Management Software
• Marketing Automation Software
• Call Tracking Software
• Link Building Software
• SEO Software

• SEO Search /
• SEO Jobs /
• SEO Tips /
• SEO Blog /
• Forums /
• SEO Testing /
• Tools