Typografriday: Lost World Fairs

The observant among you may have noticed that the type here at the ‘Agree is a little different. We’re dipping our toe in elegant typography using typekit, and we’re pleased as punch about it. If you don’t know much about using good type on the web yet, but want your site to look good (like ours does we hope, or like my brother’s blog which inspired us to take the plunge, or like thedieline) we definitely recommend it.

If you want to figure out how to make your site look unbelievably good, you should definitely head over to Jason Santa Maria’s site. He not only puts together some of the best examples of good web type, but he’s one of the clearest voices on explaining the new tools and finally, not coincidentally, one of the primary developers of those tools, including Typekit and the WOFF format.

His latest blog entry is a detailed behind-the-scenes of the making of the most fantastic typographic things on the web yet. Lost World’s Fairs. This was made to promote IE9′s support of WOFF (just when most of us were about seven years into considering IE dead). Santa Maria’s Moon one shows live type on a slant, shifted baselines and slant within a text box, overlapping text, text behind alpha masked objects and other things you thought the web couldn’t do. Naz Hamid‘s El Dorado has lovely overlapping transparent type, shifted letter by letter. (Yeah that’s all live css type… Crazy right?) And Frank T Chimero‘s Atlantis one is particularly awesome, combining excellent use of extended slab Hellenic and Simonson’s Avenir-contender Proxima Nova plus extended scrolling-as-narrative movement a la the best webcomic I can remember, When I am King.

Anyway don’t delay: go look at the Lost World’s Fairs right now. And if you’re curious for more, all of the contributors wrote about the experience: Jason, Frank, Naz, Trent, and Dave

Blog Widget by LinkWithin

Leave a Reply

  

  

  

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>