Facelift Image Replacement (FLIR) is a WordPress plugin that generates image representations of text on your web page in fonts that visitors would not be able to see.
Download from WordPress.Org
Facelift Image Replacement 0.8.9.2 - (523 KB)
Description
FLIR for WordPress implements Facelift Image Replacement (FLIR) by Cory Mawhorter. It is in rapid development and almost completely configurable from the admin panel. Facelift Image Replacement provides several freeware fonts to get you started.
FLIR for WordPress is SEO friendly and only renders the image in the browser with JavaScript enabled. You HTML/XHTML code remains unchanged leaving your head tags readable by search engines and the page readable by those without JavaScript.
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 are otherwise not visible to your visitors. The generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers. Any element with text is replacable: from headers (<h1>,</h1> <h2>, etc.) to elements and everything in between!
You can see examples of what it does here: http://facelift.mawhorter.net/examples/
IMPORTANT: If using a version prior to 0.7.0 please delete your existing version before installing this version
Before running autoupdate please empty your facelift/cache folder.
Installation
Screenshots
 Before FLIR |  After FLIR |
Frequently Asked Questions
Known Issues
- Automatically updating the plugin does not always work – I have not tracked down the issue but I suspect it has to do with the cache folder. Before running auto update please empty your
facelift/cachefolder.
Change Log
Upcoming Features
- Supercache options ~v0.9
- Quick Effects (requires ImageMagick) ~v0.9.5
- More…
Under consideration
- Uploading of fonts from within the plugin
Development Version
- Always the latest code
- Please remove existing version before installing development version
- Available at
Support
The comments are now closed for FLIR for WordPress. For plugin questions, comments or support please post a message in the Facelift Image Replacement (FLIR) for WordPress forum.
For Facelift Image Replacement general support please submit a support request though the support form. For questions, suggestions or comments please post a message in the Facelift Image Replacement for WordPress Forum on my site.
Pingback: Wordpress plugins » Media & Passie
Pingback: MTPH Software: Blog : Wordpress plugin to replace post titles with fancy fonts :
Pingback: Rich Typography On The Web: Techniques and Tools « Smashing Magazine
Pingback: Most Wanted Wordpress Tips, Tricks and Hacks | Share most useful articles and source code
Pingback: 30+ (More) Most Wanted Wordpress Tips, Tricks and Hacks - Wordpress Releases
Pingback: Wordpress plugin to replace post titles with fancy fonts | timnhanh.us
Pingback: Wordpress plugin to replace post titles with fancy fonts | Best Tutorials, Tips, Tricks For You
Pingback: 30+ Tricks And Hack For Wordpress | oOrch Blog
Pingback: 30+ Most Wanted Wordpress Tips, Tricks and Hacks | Cosmos Blog -- Internet News,Life,Culture,Polices,Resource,Make Money
Pingback: 30+ (More) Most Wanted Wordpress Tips, Tricks and Hacks | My Tech way
Pingback: 30+ (More) Most Wanted Wordpress Tips, Tricks And Hacks « Photoshop.vn – Your Design Resource
Pingback: Unlimited New Useful Wordpress Tips,Tricks & Hacks - Themeflash : One Stop For All Your Web Resources
Pingback: 12 WordPress Plugins per lo sviluppo gli Temi WordPress | RADENS.com - Mondo WordPress
First of all, thanks for this plugin! I’m testing this plugin and
it works well except that the Elements to Replace section is always
empty. It doesn’t seem to matter which JavaScript method I select.
Any ideas? Example: "http://deanish.com/demo">http://deanish.com/demo Right now, I
just have all h1,h2,h3,h4,h5,h6 set to change but I don’t see any
way to set individual element styles because nothing shows up under
Elements to Replace.
Make sure the JavaScript method is not set to automatic. Set which
element types you want to use in Element Types to
Replace (ex.
h1,h2,h3,h4,h5,h6,small,blockquote,div#identity) – the last
item in the configuration section. Click Save FLIR
Configuration. After you do that you should see the
Elements to Replace section (collapsed_, click on
it and you should see the list of elements you can use. Use the
check box to specify which ones to replace and set the options.
Hi guys! First I want to say, what a great plugin. Really… I have
been testing it for a while, and you’ve done a great job. I have
one question though – doesn’t your plugin support Scandinavian
characters Æ, Ø, Å / æ, ø, å ? If there’s an official forum for
these kinds of questions, please let me know.. Thanks again!
The best place to address questions of that nature is at "http://forums.mawhorter.net/">http://forums.mawhorter.net/.
Are you using an TrueType Font (.ttf) or and OpenType Font (.otf)?
There are current rendering issue with some OpenType fonts and
extended characters.
Pingback: Facelift Image Replacement (FLIR) for WordPress - All About WordPress
Pingback: Weblog Tools Collection: WordPress Plugin Releases for 06/17 | Aslifm Blogu
Pingback: 12 WordPress Plugins for Theme Development | Designurimagination Blog - Let Your Imagination Fly
Pingback: Most Wanted Wordpress Tips, Tricks and Hacks « Online Free Applications Software Tips Tools Wallpapers
For work with non-latin letters in IE6 replace string in
facelift/flir.js return
FLIR.options.path+’generate.php?text=’+enc_text+’&h=’+o.offsetHeight+’&w=’+o.offsetWidth+’&fstyle=’+this.serialize(o);
with return
FLIR.options.path+’generate.php?text=’+escape(enc_text)+’&h=’+o.offsetHeight+’&w=’+o.offsetWidth+’&fstyle=’+this.serialize(o);
and in file facelift/generate.php $FLIR['text'] =
$_GET['text']!=”?str_replace(array(‘{amp}nbsp;’, ‘{amp}’,
‘{plus}’), array(‘ ‘,’&’,'+’), trim($_GET['text'], ”
“)):’null’; replace with $FLIR['text'] =
$_GET['text']!=”?str_replace(array(‘{amp}nbsp;’, ‘{amp}’,
‘{plus}’), array(‘ ‘,’&’,'+’), trim(urldecode($_GET['text']), ”
“)):’null’;
Pingback: 12 WordPress Plugins for Theme Development | Easy Street Interactive Blog
Pingback: Crear mas fácil themes para wordpress | Blogger Cursos
Pingback: links for 2009-04-02 « Mandarine
Pingback: 12 WordPress Plugins for Theme Development | FamousandSpicy
Pingback: Web Page Design For You » Blog Archive » 12 WordPress Plugins for Theme Development
Pingback: WordPress Plugins for Theme Development | Vandelay Design Blog
Pingback: The 10 Simplest Website Tweaks for Designers to Get More Clients « Design Stuffs
Pingback: 10 useful WordPress hacks for every blogger/designer
Hi, this is a great plugin.. thanks! One thing is in my install the
page shows the CSS generated text before switching over to the
image files. This is a bit clunky.. how do I hide the text before
facelift does its thing ?
I’m getting blue lines all over when I enable the plugin – seems
weird.