Em based typography is a concept I discovered through Richard Rutter and his excellent article How to size text using ems and the 24 Ways article Compose to a Vertical Rythmn. I began to use em based typography in my CSS work and recognised that giving the eye a vertical hierarchy is as important as vertical grids.
I discovered that using ems to set up typography is more time consuming and more difficult to maintain. When a client asks to increase padding, you can end up having to revisit all of your typographic CSS rules and return to the calculator to run through numbers running to ten decimal places. But the effort is well worth it. I began to notice sites that used vertical rhythms and they all seemed more usable and intuative. Typesetting on the web is an underestimated craft and for me the results were worth the additional effort of using ems.
Fast forward a couple of years and browsers now use Zoom view as the default way of enlarging a site. It was Dave Shea’s article that got me thinking about this. Dave notes that in all but Safari browsers now use zoom and not the older method of resizing the text. He notes that the responsibility for how a site appears is now in the hands of the browser and not the designer. One of the main reasons for using em based typography is to ensure that a vertical rhythm is not broken when the text is resized. The Zoom view removes that requirement as the browser enlarges the entire page rather than just the text.
So will I be returning to using pixels to set up vertical spacing and rhythm. The answer is a resounding no!
My reasoning is that using ems for typography in my opinion helps designers to see the vertical rhythm of a page as a coherent whole. You can smash typography with the pickaxe of pixels but elements are then their own entities with no relationship to others. Ultimately my decision is with the user in mind. My opinion is that it is quicker for users to learn and consume layouts if there is a consistent vertical rhythm. The best way to achieve that is to use ems. So even though page zoom takes the technical aspect out of the equation I still consider from a usability perspective that vertical rhythm is extremely important.
Have an update or suggestion for this article? You can edit it here and send me a pull request.
Listening to BBC Radio with mpv
The BBC publishes high quality 320 kbps HLS AAC streams that can be used to listen to radio from the command-line using mpv. Here are the URLs and some aliases to start listening quickly.
Vim: So long Pathogen, hello native package loading
Vim 8 added a native way to load third-party packages. This means, for me at least, there is no longer any need to use a third party plugin helper like Pathogen.
Linux and Unix more command tutorial with examples
Tutorial on using more, a UNIX and Linux command for viewing the contents of a file or files one screen at a time. Examples of viewing a file, viewing multiple files, searching using regular expressions and opening the file in a text editor.