CSS-Tricks #39: How to Use sIFR 3

Posted in Development, Web Technologies, Graphics on October 13, 2008


CSS-Tricks #39: How to Use sIFR 3

sIFR (Scalable Inman Flash Replacement) is a technology that allows you to use any font you wish on your web pages. Long story short, it uses JavaScript to target certain text page elements and replace them with a block of Flash, which is the same text only rendered with a new font. This means you are free to use any font you wish in your designs instead of being limited to very small set of "safe" web fonts. sIFR degrades nicely for users without Flash and/or JavaScript, so no worries about that. This tutorial walks through the process of how to get it working on a webpage, from downloading it to creating your own custom font to getting it working live.

Watch Video Watch Video Watch Video on External Site

Tags: Technologies, Javascript, Design, Flash, HTML, CSS, CSS-Tricks, sIFR