miércoles, 20 de julio de 2011

Google Fonts



A estas alturas esto debéis conocerlo todos, pero como siempre hay algún despistado...

Cualquier desarrollador web se habrá encontrado en la tesitura de escoger una tipografía adecuada para uno de sus trabajos. En más de una ocasión las fuentes más habituales y que todos tenemos se nos quedan cortas, y no podemos utilizar esa tipografía tan genial que acabamos de encontrar porque lo más probable es que nuestros visitantes no la tengan instalada y, por tanto, no puedan verla. La solución más habitual a esto es crear el texto en una imagen y colocarla donde proceda, pero puede llegar a ralentizar los tiempos de carga si abusamos de este sistema.

¿Y si pudieseis hacer que los visitantes pudiesen ver tipografías que no tienen instaladas? ¿Suena bien, no?

Google Fonts nos permite exactamente eso. Podemos buscar una tipografía entre los cientos que ofrece, y después de añadir el código dentro de <head> para importar la fuente (cada fuente tiene su propio código):


<link href='http://fonts.googleapis.com/css?family=Bowlby+One&v2' rel='stylesheet' 
type='text/css'>


Ya podremos utilizar la tipografía en nuestro CSS con total normalidad. Por ejemplo:


font-family: 'Bowlby One', sans-serif;



No hay comentarios:

Publicar un comentario