sIFR | Facelift | Typeface | Cufon | @font-face | 5 formas de usar la fuente que quieras en tu web

A la espera de que la propiedad de CSS3 @font-face sea implementada por todos los navegadores, se proponen alternativas para poder usar el tipo, la fuente, que queramos en nuestro sitio web.

El más popular es sIFR, del que ya hablamos en este tutorial y del que surgen proyectos paralelos como el interesante Font Burner pero no es la única técnica, que yo conozca hay 5:

  1. sIFR | Tutorial | Tutorial en TodoWordPress | plugin jQuery | plugin para WordPress | Generador | Font Burner (Font Burner Control Panel)
  2. Facelift Image Replacement | Artículo
  3. Typeface.js: Generador | Artículo
  4. Cufon | WP-Cufon | Tutorial
  5. @font-face

Cufon es la última que he incorporado a esta lista, tiene la misma utilidad pero su uso es más sencillo, desde su web generas el archivo de la fuente y descargas los javascripts personalizados con las opciones que decidas. El texto se reemplaza por una imagen PNG, puedes ver un ejemplo y un tutorial en los títulos de los posts de Tinnta, el texto de la etiqueta h2 es reemplazada por PNGs

img flickr ceslava001 sIFR | Facelift | Typeface | Cufon | @font face | 5 formas de usar la fuente que quieras en tu web

Si utilizas WordPress y prefieres utilizar un plugin, WP-Cufon hará todo menos generar el archivo de la fuente. En Eliseos.net tenéis un tutorial en español sobre cómo utilizar este plugin.

Vídeos de Proyecto-F explicando el funcionamiento de typeface y de cufon

Cuestiones y Cuestionario

  1. ¿Conoces alguna técnica más?
  2. ¿Crees que merece la pena aumentar el peso de la página y la pérdida de accesibilidad / usabilidad para mostrar una fuente no de sistema? Mirad los comentarios y el debate de Elias y Skeku en este post.
  3. De no utilizar estas técnicas ¿Cuál crees que es el mejor tipo de letra para web? ¿Y el peor?

Añade tu propio comentario | 1 Comentario

  1. Trackbacks/Pingbacks/Retweets

    1. ¿Qué fuente es mejor usar en web? | ceslava - Diseño y Formación

    Danos tu opinión:

# Cursos v2b | Demo

Todos los cursos de video2brain por 189€.
  • Proyectos de vídeo en Adobe Photoshop



  • Adobe Photoshop ahora también se atreve con el vídeo. Atrévete tú también, conociendo todos los elementos del área del trabajo y las herramientas de creación y edición.

    15.98 EUR
  • Montaje con Adobe Photoshop CS4: Entrada en el desierto
  • Workshop creativo: así se hace



    Comprueba cómo se hizo este espectacular montaje con Adobe Photoshop CS4 y aprende los secretos de esta potentísima herramienta. Fíjate en nuestro experto formador, realiza tú mismo el montaje y deja volar tu creatividad.

    21.08 EUR
  • Proyectos interactivos con InDesign y Flash



  • La manera más rápida de maquetar y dar salida interactiva a nuestros proyectos es combinando el trabajo de Adobe InDesign y Adobe Flash. Proyectos multimedia a un clic de distancia.

    15.98 EUR
  • Diseño de tienda online con Adobe Photoshop
  • Crea tu Home de comercio electrónico



    Dos ejemplos combinados: Creación de tienda online para Flash y Creación de tienda online para HTML. Con ambos ejercicios online de video2brain aprenderás a trabajar de forma productiva con Adobe Photoshop, creando diseños para tiendas online, sea cual sea su salida final.

    41.48 EUR
Tuiteemos | Contactar | Los famosos cursos de video2brain con un 15% de descuento | Fundación Tripartita | pqpq.es | subir | Suscribirse al feed de ceslava.com | ©