Colaboramos con elcomercio.es

Google Font Directory y API para usar tipografías en webs y blogs

tipografia google Hace unos días hablábamos sobre cómo mejorar el aspecto tipográfico de un blog. Ayer precisamente Google presentaba, entre otras muchas novedades, una muy interesante relacionada con la tipografía en las páginas web y los blogs: una biblioteca de fuentes tipográficas de código abierto, y una API para facilitar su uso en nuestras webs.

tipografia google Esta Google Font API nos permite hacer lo mismo que explicábamos en nuestro post mencionado, pero de una manera mucho más sencilla, y sobre todo, sin necesidad de descargar y servir las fuentes desde nuestro servidor. Otra cosa será ver que incide más en el tiempo de carga de la página, ahora que es un factor importante. En cualquier caso, utilizar fuentes tipográficas de la nueva biblioteca de Google es tan facil como utilizar dos líneas de código:

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

body { font-family: 'Tangerine', serif; }

La primera línea debemos declararla en el archivo header.php, mientras que la segunda línea es un ejemplo de selector css, que debemos implementar en el archivo style.css (todo esto por lo que se refiere a WordPress).

Obtener estas líneas de código es tan sencillo como acceder a la Biblioteca de Fuentes de Google, seleccionar la que deseamos, y luego pulsar en la pestaña Get the code.

tipografia google

Al mismo tiempo, y junto a Typekit, Google ha desarrollado otra herramienta, llamada WebFont Loader. Se trata de un script que nos da mayor control sobre el uso de las fuentes tipográficas que el que nos da la sencilla API comentada antes. Pero que también es más complicado de implementar.



Pin It




Artículos Relacionados

  • Live the Language Live the language

    Hace unos meses EF International Language Centers, una empresa que ofrece cursos de idiomas en todo el mundo, lanzó una campaña publicitaria con videos centrados en varias ciudades titulada Live The Language. Se trata de …

  • la brujula verde Ecofont: tipografía con agujeros para ahorrar tinta

    Una pregunta: si al imprimir un texto cada letra requiriese menos tinta de la habitual ¿cuánto se podría ahorrar en cartuchos y/o tóner? Otra: ¿Cómo conseguirlo sin difuminar la impresión? La respuesta es Ecofont. Ecofont …

  • la brujula verde Cómo mejorar el aspecto tipográfico de tu blog

    Una de los principales aspectos que siempre me han traído de cabeza con el diseño de blog es la tipografía. Las habituales Helvética, Verdana, Georgia, Arial o Lucida, empleadas por la gran mayoría de diseños …

  • la brujula verde Elegir la tipografía de tu blog

    Una de las cuestiones que más me han preocupado desde que comencé a escribir un blog es dar con la tipografía o tipografías adecuadas. Han tenido que pasar años hasta dar con la combinación que …

  • la brujula verde La Helvética está de moda, y Arial sólo es un clon

    Bueno, no exactamente. Lleva muchos años dando guerra. Y es que la Helvética es una de las fuentes tipográficas más bonitas que existen. Lo prueba la gran cantidad de logotipos de marcas famosas que usan …

Comentarios

También puedes comentar usando el formulario tradicional:

  1. Gracias, voy a probar

    Saludos

Trackbacks en este post

  1. Bitacoras.com

Comments are now closed for this article.