The web has come to a new level when it comes to typography. The old traditional font stacks that are commonly used in CSS are outdated. More importantly, there are lots of other fonts available for use on the web. Many of the new type-faces are also optimized for LCD-screens, to take full advantage of subpixel aniti-aliasing such as ClearType.

To help web developers and designers to make their own font stacks, Code Style has made a font stack builder, which you can use to build your own stacks. The great thing about this tool is that you instantly see how many of the users in general, that can view the fonts you pick for your stack. The statistics are based on their font stack survey, which collects data about fonts on your computer if you participate.

Here is a personal favorite font stack which I put together myself. It’s based on the Calibri font from Microsoft.

1
font-family: Calibri, Corbel, "Bitstream Vera Sans", Helvetica, Verdana;

Which looks like this:

10pt: The quick brown fox jumps over the lazy dog.
12pt: The quick brown fox jumps over the lazy dog.
14pt: The quick brown fox jumps over the lazy dog.
18pt: The quick brown fox jumps over the lazy dog.

So check out my Calibri font stack for CSS or start building your own font stacks.