Thoughts and musings

Home / Web / Development / Baseline CSS styling

Baseline CSS styling

We’re currently in the process of exploring new directions for and have been experimenting with some ideas. One particular area of research has been in vertical baseline CSS styling. The thinking behind this is that all text is based on a grid guideline and so font sizes and line heights are all proportionally scaled to adhere to this grid.

This practice is very common in print design, but is more tricky in fluid web design. In theory, I understand the principle of creating a proportional mathematical model to apply to all font sizes, line heights and padding. However, I’m no Carol Vorderman when it comes to mental arithmetic. Fortunately, I found a great online tool for CSS vertical baseline styling! You simply enter in the font-family, base line-height and font-size and the desired font sizes thereafter.

Share this entry

Leave a Reply

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