Lets face it – SIFR has one critical drawback. If Adobe Flash isn’t installed on a computer or disabled by a browser, you have standard boring web safe fonts being rendered to a website visitor. If the website was designed with heavy reliance on the typography (more and more are being designed this way), you’ve screwed a great job up due to the very nature of the SIFR text rendering system. That was the only text replacement tool I used, until I found the amazing text rendering system known as Cufon.
How Cufon Is Different:
- Cufon listens to your CSS Stylesheet. Set a line-height, make the font-size larger, add some font-weight… the possibilities are amazing.
- SEO Friendly – If a spider comes on to your blog or website, Cufon will not style the text, allowing them to index it normally.
- Cufon has an option that you can set that allows you to set a colour gradient (IE – #FFFFFF, #1a1a1a will make the text have a white top and dark grey bottom, generating a gradient in between the two values). You can use any CSS2 value and the Cufon system will generate it.
Cufon may be the text replacement tool of the decade. Allowing you to upload any .TTF font into their website allows you to convert the font into a code that Cufon can read. To activate Cufon for your H1 headings on your webpage, your code would look something like this:
Not only does it take a few easy steps to set up, you don’t need to edit any configuration files to begin using it. You simply paste the code in your header and select the code to be replaced by the custom font.
Overall, I think this is the easiest way to put custom text on a website. Due to its ease to set up, the dead simple font conversion, this really makes this the ultimate way to render text.
What font replacement tools or techniques do you use on your website? Is there a better alternative out there than Cufon?