Rich Typography Options - or - Why sIFR is Dead in 2009 + Slides + Video
A general overview of where we are with @font-face.
A detailed investigation of sIFR, Facelift/FLIR, Typeface.js, Cufon
Typekit and how to make your own
Free candy! Just kidding.
Agenda
* @font-face
* TypeKit
* sIFR
* Facelift
* Typeface.js
* Cufon
* Licensing
* Performance comparison
* The future!
Goals
Know the best and most appropriate solution(s) for adding custom typefaces to your sites. Understand the licensing concerns surrounding this topic. Appreciate some of the finer transition animations available in Keynote. :)
Resources
@font-face
www.webfonts.info/wiki/index.php?title=Fonts_available_for_@font-face_embedding
del.icio.us/paul.irish/fontface
sIFR
novemberborn.net/sifr3
designintellection.com/this-is-how-you-get-sifr-to-work/
css-tricks.com/new-screencast-how-to-use-sifr-3/
www.sifrgenerator.com
www.sifrvault.com
Facelift
bit.ly/facelift
facelift.mawhorter.net/doc/plugins-quickeffects
typeface.js
bit.ly/typefacejs
www.madasplayground.com/fonts/
Cufón
bit.ly/cufon
net.tutsplus.com/videos/screencasts/the-easiest-way-to-use-any-font-you-wish/
www.cameronmoll.com/archives/2009/03/cufon_font_embedding/
cameronmoll.com/articles/cufon/calgary.html
Other evaluations of rich typography options
Typography for the web - NY Web Standards Meetup
Cufon vs sIFR vs FLIR
Cufon vs Typeface.js - Which one is better?