Dynamic Typographic Styles

Leave a comment

Beautifully Balanced CSS for Type

After writing about vertical rhythms and using a fixed baseline to set type to fit perfectly  onto a grid,  I thought it fitting to release my Typographic CSS generator – a super simple script that creates beautiful, balanced typography that can be dropped straight into your webpage. It’s job is three fold, firstly, it resets and normalises all styles (negating the use for a reset.css), secondly it sets a cross-browser compatible baseline and adjusts all type to fit accordingly, and thirdly it kerns text to make it as readable as possible, especially at the smallest sizes. Continue reading

Related Code / Portfolio / Similar / / /
Continue reading

Day 010 : Typographic Baselines

Leave a comment

After coding multiple sites this week and evangelising about fixed baselines last week, I have found myself constantly having to do irritating fiddly maths or copy-pasting previously worked out styles. The problem with this is two fold – firstly, many of my new projects are based on a 22 pixel baseline (rendering much of my old code obsolete) and secondly, headlines vary in sizes on every site dependent on the visual aesthetics of the content. Continue reading

Related News / Similar / / / / / / /
Continue reading

Day 004 : Vertical Rythmn and Typography

Leave a comment

Now that we have a basic layout, with boxes for all the relevent sections, it is time to start laying in content and styling it. The main issues to consider with type are readablity, proportions and the white space between sections. Each of these plays a significant role in how text flows around a page and how information is grouped together. Continue reading

Related News / Similar / / / / /
Continue reading