Typekit Redux…

John Hunt does a follow up on TypekitI am listening to Mogwai. Not sure why, but at some point shoe-gazing post-rock replaced modal jazz as my go to writing music. Unless, I get really stuck, in which case the Stones’ Sticky Fingers gets turned way up. But, this isn’t about my writing process, it’s pretty boring. I sit in front of a screen make my fingers move in syncopated rhythms all while listen to some slow jams.

No, this the story of a mysterious dog named Waldo, cash payoffs to the Canadian Parliament, a stolen religious idol, and a chateau in the Swiss Alps that holds the key to it all…No, I promised a follow up on Typekit and here it is.

As I stated before, Typekit is incredibly easy to setup and use. I simply had to paste a bit of javascript into the header of my document and configure my kit. This consisted of selecting my fonts and assigning them either to specific styles or specific HTML tags. Boom! Done! Web fonts displayed!

The free version of the service, which is what I am using, provides a limited set of fonts to choose from. Even the limited set of fonts provides a good mix of serif and sans-serif, body, and display styles to choose from. I am currently using “League Gothic” for the headers and “DejaRip” for the body text.

There are a few downsides with these types of hosted font services. There will almost always be a bit of a flicker as the site switches from the default fonts, to the custom hosted fonts. This seems to be particularly true on pages that have a lot of text. Before I conclude this, though, there are some additional optimization techniques that I should try on my site. These tweaks might help alleviate the slow loading on heavy text pages. Typekit does help minimize this impact of the flickering by allowing you to set fallback styles. This gives you better control of how the fonts look during the loading process.

All in all, my experiences thus far have been great. I would certainly use Typekit on a client site, and I when I finish building out the new version of my site, I will probably upgrade to the paid version. This way I will be able to streamline my graphics and more seamlessly integrate the fonts I use for my logotype throughout the design.

My Three albums of the Week:

  1. The Beatles – Revolver (Mono Mix)
  2. Mogwai – Ep + 6
  3. The Minus Five – Down With Wilco

This entry was posted in Design. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

One Comment

  1. Posted February 14, 2011 at 12:16 pm | Permalink

    Thanks for the writeup. BTW, for the flicker, you should check out our “font events” – http://blog.typekit.com/2010/10/18/more-control-with-typekits-font-events/


Post a Comment

Your email is never published nor shared. Required fields are marked *


You may use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>