CSS font survey and sampler

Discover the most common fonts on Windows, Mac and Linux. Contribute to the font survey and build a better font stack. Set the right font style codes for your site.

CSS fonts are specified using a comma separated font family list. If the first named font is not installed, the font style rule checks the next in line. Windows fonts, Mac and Linux font lists vary, so font styles need to be combined in order of preference.

• Linux font survey
  Check the fonts installed on your computer and boost our font statistics
• Build better CSS font stacks
  A quick start gallery of fine-tuned font stacks for your next project
• Font stack builder
  Create robust cross-platform font stacks to share and compare

Web font sampler with font survey results

Contribute to the survey and discover the new Web safe fonts. Our survey font statistics show the best fonts to use in your CSS font stack.

• Combined survey results for all platforms
• Windows font survey and Windows font survey results
• Mac font survey and Mac font survey results
• Linux font survey and Linux font survey results

Common fonts by generic CSS font family

Set an unconventional font style and stack fallback fonts with confidence.

• Serif fonts: survey results
• Sans serif fonts: survey results
• Cursive fonts: survey results
• Fantasy fonts: survey results
• Monospace fonts: survey results

Web font foundations

Font jargon: CSS font family glossary

Find fonts: Anchor Points: Font foundries & sources

Get the sampler font code: Sampler.css

Premium CSS font family content showcase

Preview some of the most popular premium content answers in the CSS font family topic area.

See the full CSS and Web fonts premium content listing.

CSS fonts frequently asked questions

Learn how to use CSS font names and Web font families to create a better font stack.

Generic CSS font-family properties

The font style rules used for the Code Style font sampler do not declare any generic CSS font-family property. Normally you should specify a generic font family as a fallback; one of serif, sans-serif, monospace, cursive or fantasy.

• Serif fonts have cross-strokes on the main letter strokes and look formal.
• Sans serif fonts have blunt ends to the main letter strokes and look modern.
• Monospace fonts letters are all the same width and are used to display code.
• Cursive fonts look like hand writing and feel informal.
• Fantasy fonts vary widely but tend be elaborate, ornate or strongly themed.

Find out more about Web font families in the CSS font family glossary.

Navigation: Topics & tools

• Home page
  • Web font survey
  • Font stack builder
• Help and FAQs
  • Java & servlets
  • CSS & Web fonts
  • Javascript & DOM
  • HTML & XHTML
  • Web site manager

Home · Web fonts · Font stacks · FAQs · Java · CSS · Javascript · HTML · Web manager

Copyright © 2000-2012 Philip Shaw, all rights reserved, terms and conditions apply.
Valid XHTML and correct CSS. Last updated 08 October 2011 at 10:48:11 AM UTC.
URI: http://www.codestyle.org/css/font-family/index.shtml Metadata: RDF