an open source solution to rich typography for the web
I plan on trying this soon and just wanted to see if anyone else has had any experience with it. It looks like it could really come in handy.
I was going to try it out and experiment on a past job, but the coding of the website ended up being passed on to a web programmer.
Apparently it uses a combination of flash, javascript and CSS to embed non web-safe fonts into a web page while still making it appear
like a normal html page. What I mean is that the user should still be able to highlight and copy text etc. If the user does not have the flash
plugin or has java disabled it will just revert to the CSS styles using a web-safe font.
Go here to see sIFR in action: http://www.mikeindustries.com/blog/files/sifr/2.0/ (thanks .:Brian:.)
You can read more about it at: http://www.mikeindustries.com/sifr/ and http://usabletype.com/weblog/how-and-when-to-use-sifr/
Here is a description from http://www.mikeindustries.com/sifr/
QUOTE
How it works
sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS, and Flash. Here is the entire process:
1. A normal (X)HTML page is loaded into the browser.
2. A javascript function is run which first checks that Flash is installed and then looks for whatever tags, ids, or classes you designate.
3. If Flash isn't installed (or obviously if javascript is turned off), the (X)HTML page displays as normal and nothing further occurs. If Flash is installed, javascript traverses through the source of your page measuring each element you've designated as something you'd like "sIFRed".
4. Once measured, the script creates Flash movies of the same dimensions and overlays them on top of the original elements, pumping the original browser text in as a Flash variable.
5. Actionscript inside of each Flash file then draws that text in your chosen typeface at a 6 point size and scales it up until it fits snugly inside the Flash movie.
This all happens in a split-second, so all of the checking, replacing, and scaling is not visible to the user. It is not uncommon to notice a very short delay as the Flash loads, but to the user, none of the internals of this process are exposed.
Here is some more info from http://usabletype.com/weblog/how-and-when-to-use-sifr/sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS, and Flash. Here is the entire process:
1. A normal (X)HTML page is loaded into the browser.
2. A javascript function is run which first checks that Flash is installed and then looks for whatever tags, ids, or classes you designate.
3. If Flash isn't installed (or obviously if javascript is turned off), the (X)HTML page displays as normal and nothing further occurs. If Flash is installed, javascript traverses through the source of your page measuring each element you've designated as something you'd like "sIFRed".
4. Once measured, the script creates Flash movies of the same dimensions and overlays them on top of the original elements, pumping the original browser text in as a Flash variable.
5. Actionscript inside of each Flash file then draws that text in your chosen typeface at a 6 point size and scales it up until it fits snugly inside the Flash movie.
This all happens in a split-second, so all of the checking, replacing, and scaling is not visible to the user. It is not uncommon to notice a very short delay as the Flash loads, but to the user, none of the internals of this process are exposed.
QUOTE
* sIFR does not require any changes to the (X)HTML code, all the work is done by Javascript, Flash and CSS.
* If the user does not have Flash installed or Javascript enabled then the (X)HTML text is displayed and styled by CSS.
* sIFR is scalable, and when rendered will adjust to the users font size settings.
* sIFR is compatible with all screen readers. No problems or issues have ever been reported.
* sIFR text is selectable with the mouse, although visual confirmation of the selection may be absent when selected with body text.
* sIFR does not affect search engine placement or ranking, nor does it hide textual content from search engines or users.
The conclusion should be that sIFR is an accessible, mature technology, and that its use must be given serious consideration by designers and developers.

