August 21, 2007

Multi-Color sIFR allows Web designers to choose any font

The Multi-Color sIFR (Scalable Inman Flash Replacement) is a technology that allows you to replace text elements on screen with Flash equivalents.
It allows designers to select whatever font they want to stylish their website headings or any other elements, even if the users haven’t installed the font on their system.

It accomplishes this by using a combination of JavaScript, CSS, and Flash. If Flash isn't installed (or obviously if JavaScript is turned off), the (X) HTML page displays as normal and nothing further occurs.

If Flash is installed, JavaScript traverses through the source of your page measuring each element you've designated as something you'd like "sIFRed".

Once measured, the script creates Flash movies of the same dimensions and overlays them on top of the original elements, pumping the original browser text in as a Flash variable.

Action script inside of each Flash file then draws that text in your chosen typeface at a 6 point size and scales it up until it fits snugly inside the Flash movie.

The latest version of Multi-color sFIR implementation is very easy – just add sEmColor:"#FF4400", sStrongColor:"#FF0000" and sSpanColor:"#EE6600" into you named argument call function at the bottom of the .html file and if the script finds a strong, em or span elements, each one will be colored3. And they can be nested, too.

More details and download

No comments:

Post a Comment