Google Font Directory: fuentes en web

googlefont

Estos días Google está presentando bastantes novedades, y una de mis preferias es el Google Font Directory.

Nuestro querido Google recopila 18 fuentes (seguro que irá añadiendo más) para que podamos implementar, de manera sencilla, en nuestra web.

Ya conocíamos otros métodos para poder incluir nuevas fuentes (y olvidarnos de la Arial y la Times por un ratito), pero siempre utilizando una tecnología adicional (llámese Javascript). Con esta nueva opción simplemente tenemos que añadir el enlace a la hoja de estilos que nos indican, especificando la familia de la fuente a utilizar:

<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

E indicarla en el css como si de una fuente predeterminada se tratase:

h1 { font-family: 'Droid Sans', arial, serif; }

¿Sencillo, verdad? Por mi parte estoy encantada! :D

Os dejo el enlace a la guía rápida y deciros que es compatible con Chrome, Firefox 3.5+, Safari 3,1+ e Internet Explorer 6+.

  • 20 mayo 2010
  • Maquetación
  • , ,

7 comments on “Google Font Directory: fuentes en web”

  1. Pues la verdad es que ya iba haciendo falta algún sistema para mejorar las fuentes en la web sin que sacrificara rendimiento de la página y la carga xD Es un buen comienzo!

  2. Sabia que Google había presentado algo pero todavía no sabía el que. Ahora ya lo se! ;-)

    Por cierto, la segunda fuente no tiene desperdicio Cardo jajajaja

    a ver si sacan nuevas fuentes, tal y como explicas es un método muy fácil para dar otro aire a la tipografía de nuestra web

  3. Tengo ganas de que saquen unas cuantas más para darle un aire más fresco a los proyectos web que tengo por ahí, incluyendo mi propio blog.

    Lo bueno que tiene esto es lo fácil que resulta de utilizar.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *