In the words of its maker, Typograph is "both an essay and a tool". As an essay, it seems to be a long, wordy treatise on the intricacies of creating a "visual rhythm" for a given piece of text by correct, aesthetic use of typography.
As a tool, it's very cool: you get a bunch of floating tool panes surrounding the text of the article, and you can play with the spacing and size of the headings and text, the width of the text, the font size and the line height. If all of these metrics sound like things you could easily configure with CSS, you're right - and the tool does output valid CSS for you to use on your site.
The trick here are the constraints the tool gives you. While you can set any width you like for your text, it initially presents you with a selection of six different widths that work well with the other parameters you can set. The same goes for headline size: You get to pick one out of six scales (which specify "size differences" between the different elements) and then, by dragging H1, H2, H3 and "text" you can place them wherever you like on that particular scale.
The result is handsome text, composed according to traditional typesetting principles. While you may not use the CSS this tool produces as-is, it's certainly a good starting point for presenting very readable, old-school text on the Web.
Typograph helps you produce CSS for very readable, beautiful text originally appeared on Download Squad on Mon, 02 Aug 2010 09:30:00 EST. Please see our terms for use of feeds.
Read�|�Permalink�|�Email this�|�CommentsOlivia Wilde
Megan Fox
Bar Refaeli
No comments:
Post a Comment