INSTRUCTIONS:

1. Design your site normally and set all headlines in CSS-styled browser text.

2. Decide which styles you'd like to replace with sIFR text and which font(s) you will use.

3. Open up sifr.fla in Flash MX or Flash MX 2004 (preferred) and double-click the invisible textbox in the middle of the stage. Pull up the "Window > Properties" palette in Flash if it's not already up on your screen. Select which font you'd like to use from the dropdown menu. For TrueType fonts, you may also use the "I" and "B" buttons to create bold or italic font files. The standard sifr.fla file contains most of the english characters that you'd generally use, but if you'd like to embed additional characters or languages, click the "Character" button and select more characters from there. Choose "File > Export" and export your file with the name of "[fontname].swf".

*** NOTE: Both "customize_me.as" and "dont_customize_me.as" must be in the same folder as sifr.fla when you export. Flash sucks the code from these files in and inserts it into your .swfs. You do not need to upload the .as files to your web server.

4. Apply the styles in sIFR-print.css to your own print CSS file.

5. Apply the styles in sIFR-screen.css to your own screen CSS file. You will most certainly have to tweak the styles in this stylesheet in order to match your sIFR font metrics to your browser test metrics. More on this later.

6. Add a call to sifr.js on all of your pages. (Note: You do not need the file "sifr-addons.js" unless you wish to use the remove, enable, and disable functions of sIFR. See index.html for usage examples).

7. Set up your replace statement(s) either at the end of your HTML files (right before the closing body tag), or at the end of sifr.js. Here is a sample group of replace statements: