Scalable Inman Flash Replacement (sIFR) allows you to use custom typography on your site by using JavaScript, Flash, and CSS. With the jQuery Sifr Plugin, you can easily display dynamic, on-the-fly text using the font(s) of their choice, regardless of the visitor’s currently installed fonts, web browser, or operating system. This plugin provides a very simple configuration process.
Step 1: Download jQuery
Step 2: Download the jQuery sIFR Plugin
Step 3: Include this code in the head tag of your page
<mce:script type="text/javascript" src="path/to/jquery.min.js" mce_src="path/to/jquery.min.js"></mce:script>
<mce:script type="text/javascript" src="path/to/jquery.flash.min.js" mce_src="path/to/jquery.flash.min.js"></mce:script>
<mce:script type="text/javascript" src="path/to/jquery.sifr.js" mce_src="path/to/jquery.sifr.js"></mce:script>
<mce:script type="text/javascript"><!--
$(document).ready(function(){
$.sifr({ path: "path/to/resources/", save: true });
$("h1").sifr({ font: "AvantGarde Bk BT" });
});
// --></mce:script>Step 4: Find true type fonts on your computer or download them at 1001freefonts (I’d be interested to hear about other place to download fonts) and convert them using sIFR Generator for sIFR version 2.
Here are some examples of the jQuery sIFR Plugin in use.
This plugin Jquery is the fatest sfir method I know. It's simplethat's why I use it in my projects.