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

facelift

Después

facelift

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:

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

Escribí esto el 14/01/2009

2 comentarios

  1. Looks great.
    About your inconveniant for search engines : it’s wrong since a search-bot doesn’t use javascript (so it doesn’t replace text by images).
    It’s not intrusive technique ;)

  2. ceslava dice:

    You are totally rigth. I was completely wrong. Thank you, I´ll update the post.

Tu comentario

Usamos cookies para obtener datos estadísticos de su navegación y poder ofrecer publicidad contextual de terceros

ACEPTAR
Aviso de cookies