Home Services Toolbox Downloads Gaming Tech News About Us

Demo - Using sIFR for Flash Font Replacement



Invasive Procedures blog by brenz.net




Share this page: facebook myspace twitter bebo delicious digg stumbleupon buzz fark linkedin

Use sIFR 3 - Easy and Slick Flash Font Replacement

The above <h2> heading is a flash movie using sIFR (scalable Inman Flash Replacement). So easy, so pretty... and it's SEO friendly! Below I've outlined the ridiculously simple steps to implement this technique on your website. You'll need a recent version of Adobe Flash (I used Flash CS4) for about 5 minutes to export your font-specific movie.

Go Download sIFR 3 at novemberborn.net

The above <h3> tag is also a flash movie.
Head on over to Mark Wubben's website at novemberborn.net/sifr3 to download sIFR3 and look over the documentation.

Create the Flash movie

Open the downloaded sifr.fla, double-click the text area, enter your text (and select the desired font, which must be present on your machine), and export as [fontname].swf.

Modify the sifr-config.js

Modify the sifr.config to point to your flash movie, declare the tags within which to replace text, and designate font colors.
var copernicus = { src: '/sifr/Copernicus.swf' };
sIFR.activate(copernicus);
sIFR.replace(copernicus, {
selector: 'h2',
css: '.sIFR-root { background-color: #ffffff; color: #336699; }'
});
sIFR.replace(copernicus, {
selector: 'h3',
css: '.sIFR-root { background-color: #ffffff; color: #cc6633; }'
});

Include sIFR Files in your HTML

Then, simply upload these files to your webserver (along with your newly create .swf), and reference them from within your HTML, before the ending <head> tag.
<link rel="stylesheet" href="sifr.css" type="text/css" />
<script src="sifr.js" type="text/javascript"></script>
<script src="sifr-config.js" type="text/javascript"></script>

Pittsburgh Steelers Youth Shapeshift Tri-Blend T-Shirt - Black,Youth Pittsburgh Steelers Troy Polamalu Nike Black Team Color Game Jersey,Mens Pittsburgh Steelers Nike Black Rewind Football T-Shirt The Ravens Franchise.Women's New England Patriots G-III 4Her by Carl Banks Navy Shutout Pullover Hoodie,Women's Indianapolis Colts Pat McAfee Nike Royal Blue Player Name & Number T-Shirt,Women's Chicago Bears Nike Gray Stadium Football V-Neck Performance T-Shirt.Womens Seattle Seahawks Richard Sherman Majestic College Navy Fair Catch V Name and Number Long Sleeve T-Shirt,Men's Detroit Lions Pro Line Gray Lombard Stretch Fit Hat.Denver Broncos WinCraft Premium Acrylic Keychain,Women's New Orleans Saints Cream Hail Mary 3/4 Sleeve T-Shirt,Pro Line Women's Minnesota Vikings Jared Allen Team Color Jersey.Women's Arizona Cardinals 5th & Ocean by New Era Cardinal Colorblock Tri-Blend Tank Top,Philadelphia Eagles Home and Away Cup Set Nike Baltimore Ravens Youth Jerseys.Men's San Francisco 49ers '47 Brand Gray/Red Tri-State Henley,Women's Miami Dolphins Pro Line Gray Nelson Cuffed Sweatpants,กฏ47 Brand Pittsburgh Steelers Brooksby Fitted Hat - Black.Philadelphia Eagles Bling Metal License Plate Frame,Mens San Francisco 49ers Mitchell & Ness Scarlet Field Vision Hoodie Joe Flacco Sale Jerseys.Men's Dallas Cowboys Navy How 'Bout Them Rings T-Shirt,Youth Carolina Panthers Black Team Logo Pullover Hoodie Baltimore Ravens 2016 Jerseys

Home Services Toolbox Downloads Gaming Tech News About Contact Us Privacy