Espacio de aprendizaje sobre Comunicación Digital

@font-face y las nuevas tendencias en tipografía web

Los avances acontecidos en el mundo del diseño web con la aparición de CSS3 hacen que todas las convenciones sobre el diseño tipográfico estén hoy en día en permanente cambio y modificación. La llegada de la tecnología @font-face (Six Revisions) ha supuesto un avance importante en el diseño web, que se ha desprendido de los límites que suponía el uso de tipografías seguras o de tecnologías algo menos recomendables como sIFR o Cufon (que requerían el uso de Javascript) para pasar a una tecnología ligera, de fácil acceso y prácticamente universal por su compatibilidad con navegadores de antiguas generaciones. La propiedad @font-face supone que el diseñador puede subir al servidor las tipografías que quiera utilizar en su diseño, más allá de las tradicionalmente seguras (Arial, Helvética, Times o Georgia, por ejemplo). Esto ha supuesto una verdadera revolución por la cual la mayoría de los diseños pueden pasar a ser mucho más ricos visualmente, sin temor a la compatibilidad de los diferentes navegadores. Actualmente existen servicios múltiples donde conseguir tipografías web:

  • Uno de los más destacados es Font Squirrel, donde además de encontrar tipografías de uso libre y gratuito ya preparadas para @font-face, podemos crear nuestros propios ‘kits’ subiendo tipografías de las que dispongamos en nuestro ordenador.

    Fontsquirrel (Imagen: Switched.com)
    Fontsquirrel (Imagen: Switched.com)
  • El servicio Google Web Fonts surgió casi a la par que la propiedad @font-face, con una importante colección con más de 600 tipografías de uso libre. En este caso la particularidad es que no es necesario instalar las tipografías en nuestro servidor, sino que simplemente podemos utilizarlas enlazando con los servidores de Google desde el código HTML. Este servicio incluye la posibilidad de utilización de las tipografías Droid creadas por Google, que se están convirtiendo en una de las más habituales en las páginas web de nueva generación.   google_web_fonts_pas_1
  • El servicio Typekit, comprado recientemente por Adobe tiene una importante diferencia respecto de los anteriores, y es la necesidad de enlazar a sus servidores a través de un pequeño script de Javascript. A cambio ofrece una importante colección de tipografías profesionales y comerciales en sus colecciones de pago, que dan una imagen aún más profesional a nuestros diseños. external image typekit1.png

Ciberimaginario

Research Group of Rey Juan Carlos University and Research Association ICONO14

Latest posts by Ciberimaginario (see all)

Deja un comentario

*

Por seguridad, por favor, realiza la siguiente operación *

captcha *