Skip to content
June 15, 2007 / attilaacs

CSS: Aligning type to a baseline grid

Css-Typography-CalculatorTypography on the web is still a topic that many web designers (or however you want to call them…) don’t pay much attention to. But the legibility of content should be a top priority for most web projects, as it is (or should be) mainly about the content of the site. If you follow a few basic rules, you will soon notice that a nice legible site automatically looks better and you can even go one step further and create a site that mainly relies on its typography to create the overall look and feel.
If you would like to have more information about basic web typography, you should have a look at the articles “A list apart: Setting Type on the Web to a Baseline Grid” by Wilson Miner and “Compose to a Vertical Rhythm” by Richard Rutter.
I started using a mix of these techniques and made this little widget that helps to calculate the relative font size and line height (according to Richard Rutter’s article) and copy the formatted CSS to the pasteboard.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

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