I recently finished reading Butterick’s Practical Typography, a short web book by Matthew Butterick. It is filled with many practical rules and tips for producing professional-quality typography with common tools. The book starts off with a short chapter called Typography in ten minutes which offers some simple rules to fix the most common typographic violations (it’s a great place to start).
I’ve made several minor design changes on this site over the past few months, primarily focused on improving the typography and visual layout. Butterick’s book showed me a few other areas where I could improve. After reducing the size of the header tags and making some of the typographic elements on the page more subtle, I think it is getting closer to the clean and clear look I’m after. There does not need to be such extreme contrast in the elements on the page, especially since it should be primarily about the words.
This is how working with new CSS elements feels.
Now, screens are changing not just in size, but also in pixel density. Oliver Reichenstein suggests that we do not just need responsive layouts, we also need responsive typefaces. He has launched iA’s new website with responsive typography with a custom-built responsive typeface.