For years, people with web sites have had to make a choice between using a dull “web-safe” font for text headings to ensure search engine optimization and using images for headings to create the desired look and feel for their site. As obsolete browsers are fading into obscurity and cool new internet technologies are being introduced almost daily, the need to compromise between appearance and searchability is no more.
sIFR (Scalable Inman Flash Replacement) is a method that allows developers to insert any font into a without sacrificing accessibility, SEO, or markup validation. We use sIFR on several of our client sites and our own (for an example look no further than the title of this post). Here’s how it works:
The page is loaded into the browser as normal with all sIFR text being rendered as standard HTML text. Then sIFR uses JavaScript to recreate the text in Flash to display the desired font. To the browser and all search engines, the text appears to be normal text, while the end user sees the cool font redrawn in Flash. If the end user does not have a Flash Player installed on their browser or JavaScript is disabled, the standard HTML text will display, so that all of your users can still view the page.
For sIFR documentation and FAQs, click here.