Baseline

It all starts with this base setup. First, we need the prefedder line height.

Single line height
Show lines at	22px / disable
Paint lines with	pink

H1

Colour
Font-family
Text size (in ems)

P

Colour
Font-family
Text size (in ems)

Typography toy 2 - \the cunomet\

PRE-RELEASE TESTBED

This is second version of Typography Toy 1. Like the predecessor '/the cunomet/' is a typographic web design toy, inspired by A List Apart article How to size text in css (http://www.alistapart.com/articles/howtosizetextincss). Ideally it generates css with constant lines aligned to a baseline grid, by calulating em-values for font size and line height.

Using em's instead of px, gives us working horizontal zoom of objects for older browsers. If you are just doing stuff for web - newer browsers support direct scaling and this em-trickery is just overhead.