Using FLIR: FaceLift Image Replacement

July 13, 2009

Yeah, it is pronounced like “fleer“. So what’s this facelifting thing? It’s a type of plastic surgery that makes you look like Michael Jackson (with respect to the King of Pop. R.I.P). But in the sense of web development, it is simply a technique with which you can use any type of font you want to use! Seems too obvious?

Though the web has been around for over 10 years and we’ve seen Flash and other so-called Rich User Interface, one thing has been bothering the web designers for a long time: using the exact font they want to use. FLIR solves this one pretty neatly by implementing PHP and it’s well-known GD library. There’s just two cons to using this procedure:

1) The texts are actually rendered as images. So it is not possible to copy those rendered texts (you can still copy them as images though).

2) GD library introduces some artifacts to the fonts so you can’t expect FLIR to render the true image of the font (pun intended).

Here’s a tutorial that teaches you how to use FLIR: http://net.tutsplus.com/javascript-ajax/how-to-use-any-font-you-wish-with-flir/

You should also check out sIFR

Advertisements