WebAppers

/ best free open source web resources /

Shopify

Facelift Image Replacement (FLIR) with Javascript

Posted · Category: Fonts, GPL License

Facelift Image Replacement (or FLIR, pronounced fleer) is an image replacement script that dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. It is similar to sIFR which accomplishes this by using a combination of javascript, CSS, and Flash. FLIR generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers. Any element with text can be replaced: from headers (<h1>, <h2>, etc.) to <span> elements and everything in between.

Facelift Image Replacement with Javascript

Requirements: Javascript Enabled
Demo: http://facelift.mawhorter.net/
License: GPL License

5 Comments
  • http://thecodingway.com Rob

    Nice system, though it is limited to sites based on PHP and with GD installed and properly configured.

    sIFR of course doesn’t have this restriction, but *does* require Flash.

    Thanks for the pointer.

  • http://www.omniweb.be/ acms

    I agree with Rob, but they are allways usage limitations that you are unable to control like user browser configuration, plugins and so on.

  • http://thedailyapp.com/ Tommy M

    Nettuts.com just posted a great tutorial on how to do this. The link is http://nettuts.com/javascript-ajax/how-to-use-any-font-you-wish-with-flir/

    I can’t wait to start using some unique fonts!

  • http://www.robertjamesphillips.com Rob

    You can’t select the text like sIFR :(

  • Ilias

    Flir doesn’t work with other languages
    only English …

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons