As you may have noticed, the headers are now a different type face. Lucida Bright, to be exact. How did I do this?
sIFR, or scalable Inman Flash Replacement.
Note “Jamin” and “Hegeman” are nowhere in that name. That’s because I’m not the genius that is Shaun Inman, Mike Davidson, Mark Wubben, and Tomas Jogin, all who contributed to this amazing piece of functionality.
Simply put, sIFR lets you style elements using the font of your choice. My god, that’s huge! you say. Yes, it is. Or maybe you’re shaking your head and muttering that the technique has been around for a while. Yes, it has.
However, sIFR 2.0 Release Candidate 4 came out in late February, 2005. So that’s kind of new.
I’ve experimented with IFR in the past after seeing it in use on Shaun Inman’s site. Inman played a major role in the advancement of this technique, which is why it bears his name. Davidson took it further by making it scalable (more on this below). Learn more about the history of this technique.
How It Works
That’s why it’s called “scalable.” You don’t actually define the size of the SWF text. You size the replaced element, instead. This allows for greater flexibility, as you can use one SWF file to supply the font for multiple tags, since the size of the replaced text is not dependent on the SWF.
Tuning the CSS is a little more involved than setting the font size of the replaced element to be a certain size. Line height and letter spacing come into play as well. So it does require a bit of tweaking. I found it required some trial an error before I got the hang of it. Tuning is explained in the readme file that comes with the download, and is further explained in the sIFR wiki.