Using images to replace your website headers in order to use “non-default” font isn’t the right solution, it’s SEO unfriendly, it can’t be dynamically fed by a back-end, among other reasons, so how to solve this issue?

It’s simple and it’s available since a long time ago, sIFR is a very simple and intuitive solution that let’s you use your favorite font on your website, it uses Flash, CSS and Javascript to display the font on your site and you can always set a default font to be used if sIFR fails it’s loading.

So how it works?

sIFR creates automatically a flash movie, with the text you wish to display on your header, using the font defined on the movie itself, the data is sent using javascript and the style formatting is done using CSS.  It might look complicated but believe me when i say, that it’s a very simple solution and it’s very easy to implement with a minimal knowledge of CSS and XHTML, you don’t need to know a thing a javascript or flash!

Just keep in mind, that this is a good solution to display your headers, if you’re thinking in using this in the whole site, you’ll have a problem it’ll take a eternity to load your page  ; )

Take a look to this solution documentation and download it in: http://wiki.novemberborn.net/sifr3

And you, what’s your favorite solution to use non-default fonts on your website?

Do you have a question about CSS or XHTML?Post it on the comments and I’ll try to answer it.