For a long long time I have been trying to find a simple to use text replacement script for website.  sifr did a real good job when I first played with it, but the problem being that it loaded a flash file for each block of text your were working with, so if you had a slow internet connection or your font was large, then things become slow.  And you had to have flash!  So that rules out my iPhone and probably most other mobiles.

Along came cufón.  It’s been out for a while I know, and I have seen it before, but in previous work the fonts we had to use couldn’t work with the scripts (you have to send the font to their site, and it sends back a small javascript file).  So I never got to play with it…till today.

I have a friend that is running a charidee in Austin, TX. and she wanted a website to go with it, and being the nice guy that I am said I would help her.  After trawling through some template websites, and getting the help of my good friend lady lele who came up with an awesome logo,  together I have to say we came up with a decent design…I fully admit to being disabled in the design department so thats why I called in some favours.  But one thing bugged me.  I wanted to use the font of the logo as the font of the headers to the pages.  But I really didn’t want to use sifr.  It bugs the tits out of me all the crap configuration.  So I decided to try cufón and at last the font I was using could work with it.

Cufón’s website converted my font in to its magical language and was only a 78kB file and thats will all their settings in place and its still tiny!!  And it replaced the h1 tags perfectly.  With little configuration, seriously all i had to do was link the cufon.js and the font.js file and place this at the top of my page:

<script type=”text/javascript”>
Cufon.replace(‘h1′, { color: ‘#000000′ });
Cufon.replace(‘h1 span.red’, { color: ‘red’ });
</script>

[not to self, get a code formatting plug in for WordPress]

and I was good to go!  Have a look yourself at fcwm.colinwiseman.co.uk.  You will also notice (if you are a regular to my blog) that am using it now to change the h1 tags on my pages.  Although this has just as am typing this made me realise that the listing page is not valid html and causes 31 errors!  Sheesh will need to fix that at some point!

However ‘mon the cufón!