HTML and CSS Reference
In-Depth Information
Dave Shea has written a good overview and comparison of some
of the code behind various image replacement techniques ( http://
mezzoblue.com/tests/revised-image-replacement/ ).
Flash Replacement with sIFR
The sIFR project ( http://www.mikeindustries.com/blog/sifr ) uses a Flash
object to replace the existing text content and redraw it on the fly in
the desired typeface. sIFR uses a two-step process where the browser
renders the HTML content based on the styles set in CSS, and then,
through JavaScript, a Flash object is created to replace the HTML content.
Information on the element its content and its styling are passed to
the Flash object, making the system more adaptive when compared to
simple image replacement.
The major upside over the image replacement is in the maintenance.
A set of images doesn't need to be created each time content is changed,
allowing easier use for content such as blog post titles. The major down-
side is that it does require both JavaScript and Adobe Flash Player (with
a fallback to the original styled HTML content).
JavaScript Replacement with Cufón
The Cufón project ( http://wiki.github.com/sorccu/cufon/ ) is a toolkit
that was built as an alternative to the Flash plug-in sIFR. It replaces
the HTML-based type with a non-plug-in-based canvas or VML content
instead based on the visitor's browser.
Like sIFR, this requires turning the font into a new format (here, an
SVG-based font) and then using a JavaScript-based tool to read in the
HTML page as it loads and replace the designated elements with a new
rendering component.
 
Search WWH ::




Custom Search