Font Stack (font-family)

In CSS when you choose a font you actually choose a few. the font-family property allows you to specify more than one font. The browser will simply choose the first font it finds in that list that the computer can display. This list is often referred to as the font stack.

There is an art and a science to choosing the right font stack. These resources help explain that:

This article talks about font stacks and has links to a number of other articles
http://www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/

More font stack articles
http://www.awayback.com/revised-font-stack/
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
http://nicewebtype.com/notes/2009/04/23/css-font-stacks/
http://www.codestyle.org/css/font-family/BuildBetterCSSFontStacks.shtml
http://www.petercolesdc.com/web-fonts-nice-honest/

These articles give you some background information on the different font categories. In CSS there are the following five generic font types:
serif
sans-serif
cursive
monospace
fantasy

http://www.sitepoint.com/blogs/2009/03/18/serif-fonts-vs-sans-serif-fonts-a-working-case-study/
http://www.sitepoint.com/blogs/2009/10/16/the-sans-serif-typeface/
http://www.sitepoint.com/blogs/2009/07/16/big-bold-and-sometimes-beautiful-serif-slab-fonts/
http://www.sitepoint.com/blogs/2009/05/11/friends-dont-let-friends-use-comic-sans/
http://www.sitepoint.com/blogs/2009/10/23/the-script-typeface/
http://www.sitepoint.com/blogs/2009/10/30/the-decorative-typeface/
http://www.sitepoint.com/blogs/2009/10/03/the-modern-typeface/

http://www.sitepoint.com/blogs/2009/10/09/the-old-style-typeface/

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>