Here’s a quick HTML template to organise your CSS typography.

Nothing fancy, just an HTML file containing the most common elements to start your CSS, and a basic typography stylesheet. I used the 960 grid system to reset browser CSS and control the template layout.

I find this helpful as a starting point for any site. Before I start knocking a CSS class together to style an element up for a specific page, I refer to the sites CSS template to see if  a similar base element already defined.

I would encourage keeping this typography stylesheet as basic as possible. Then use general css classes to add extra style later on.

Both the HTML and CSS files are included in the zip after the jump.

Download CSS Typography Template