DISQUS

DISQUS Hello! fortes.com is using DISQUS, a powerful comment system, to manage its comments. Learn more.

Community Page

Jump to original thread »
Author

jMetronome: Using jQuery to keep typographic rhythm

Started by Fortes · 11 months ago

A couple of years ago, Richard Rutter wrote Compose to a Vertical Rhythm, which described how web developers could use CSS to maintain proper vertical typographic rhythm when designing pages. The technique is fairly straightforward, requiring some basic math to ensure consistent margins and leading across all page elements.

One issue that many people face with [...] ... Continue reading »

3 comments

  • This is super-useful, thanks a bunch!

    One question: What happens if the user resizes the browser font? Won't that throw off all the spacing?
  • You're correct that it will throw off spacing if the actual browser font size gets modified. However, the latest versions of IE and FF will not just increase font size, but apply zooms to images and other elements, so your page may work just fine (I haven't investigated).

    For FF2 and other browsers, you can use jQEm to set up a handler that will re-run the script whenever the text size changes.
  • Have you considered making this into a jQuery plugin so you don't need to edit the selector in the source?

Add New Comment

Comments are closed for this post.
Returning? Login