Web Design: Use Cufon For Text Replacement

Posted on

  • email
  • twitter
  • facebook
  • share this

share this

Back in March we discussed how to use FLIR (Facelift Image Replacement) as one way to replace text and use any font on your website. FLIR is a great alternative to sIFR that does not require Flash, but there are some good alternatives - namely, Cufon.

Unlike sIFR (Scalable Inman Flash Replacement) Cufon requires no plugins. Cufon consists of two individual parts - a font generator (which converts fonts to a proprietary format) and a rendering engine written in Javacript.

The font generation is essentially just a web-based interface to FontForge (an outline font editor that lets designers create postscript, truetype, opentype, cid-keyed, multi-master, cff, svg and bitmap fonts, or edit existing ones, which allows for the conversion from one format to another).

The generator (check an online version here) builds a custom FontForge script based on user input and then runs it, saving the result as an SVG font. The SVG font is then parsed and SVG paths are converted to VML paths. The resulting document is then converted into JSON with a mix of functional JavaScript. The process is then repeated for the rest of the fonts given to the generator and the resulting JavaScript file is sent back to the client with a distinctive filename.

Login To Comment

Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up


John AlanR 04-29-2009 3:19 PM

Please change "Javacript" to "Javascript."

BruceK 05-04-2009 12:46 PM

Why would you bother with this. It's complicated enough just getting my client to see his site on his ten year old machine running Explorer -2.0

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com