The folks at Sleepover have compiled a sortable list of Typekit-powered fonts that meet two key guidelines: "first, the font had to have lower case, upper case, bold, italic, and bold italic; second, the font couldn’t be handwriting, script, or monospace."
"Easily create bundles of beautifully matching, free web fonts, with failsafe font stacks to back them up. Including ready-to-go CSS code!"
Using a font instead of images for icons is an interesting concept, which ensures that the icons are infinitely scalable and that the presentation can be easily changed on the fly without any extra page weight (even more so with CSS3).
I am curious where the tipping point lies in terms of page weight and render speed – 3 icons used, five…15? Either way, this is a really good start down an innovative path.
"Adobe and Typekit are teaming up to bring some of the world’s most popular, recognizable, and respected fonts to the web. Starting today, you’ll be able to use classics like Adobe Garamond, News Gothic, Myriad, and Minion plus many more on your website — all of them newly optimized and hinted for the screen. "
This first of a series post on Typedia is very informative and already has me wishing for future entries. Now to find some time to (re)design a site to make use of one of these options
"If you’ve ever wondered why some fonts look smaller than others at the same typeset size, or why the vertical space between lines of text is such a guessing game, this post is for you."