Facelift – FLIR| Reemplazo de texto por imágenes

Facelift nos permite al igual que sIFR utilizar tipos, fuentes que no son de sistema. Con sIFR se utiliza Flash, con Facelift se generan imágenes para mostrar ese texto.

Antes

Después

Caracterí­sticas y uso de Facelift

• Descarga Facelift
• Ejemplos y demos
• Lo puedes utilizar con jQuery, prototype, scriptaculous o mootools
• Por defecto reemplazará el texto contenidos en las etiquetas de titulares H1-H5
• Puedes configurarlo por etiquetas y selectores CSS
• Utiliza wrap para textos largos
• Podemos utilizar distintos colores y tipos en una sola cadena de texto
• Lo puedes utilizar en cualquier etiqueta, genera un PNG con fondo transparente así­ que también puedes usarlo con algún background.

<script language="javascript" src="/path-to/facelift/flir.js"></script>
<script type="text/javascript">
FLIR.init( { path: '/path-to/facelift/' } );
FLIR.auto(); 

// O introduces un array de selectores CSS para reemplazar los valores por defecto.
FLIR.auto( [ 'h1', 'h2', 'h3.special', 'strong#important' ] );
</script>

Ventajas

• Ayudan a la estética y al diseño de nuestro sitio
• Como dice Juan Alcaide podemos utilizarlo como método anti-spam

Desventajas

• Mayor peso y por tanto velocidad de carga y transferencia.

Artí­culos relacionados:

• Alternativa a sIFR3 para renderizar fuentes no de sistema | typeface.js
• Reemplazar imágenes y texto HTML con Flash | Tutorial sIFR 3 y swfIR
• jQuery sIFR Plugin

Ví­a: Para reemplazar textos por imágenes > facelift – Reemplazar textos por imágenes