Working with Fonts

This demonstration makes use of the Document Object Model, a little JavaScript, and some stylesheets to dynamically alter type, so you can see what a sample bit of text will look like at different sizes, using different fonts, and with some different styles. Obviously you can do much more with type on screen, even with basic style sheets, than is on display here, but it's intended to give you an idea of what different common fonts look like—see if you can spot the differences between Arial and Helvetica.

Typeface
Style
Size
pixels
The Quick Brown Fox Jumped Over the Lazy Yellow Dog
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%&*()?;: