BeN

Recientemente Google lanzo su Api “Google Font” la cual nos permite usar en nuestras páginas web fuentes especiales, más bonitas, mas legibles, totalmente personalizables, etc. sin temor de que nuestro visitante no la tenga instalada en su sistema. Todo esto sin recurrir a ciertos hacks como la generación de imagenes o archivos Flash.

Como funciona esta Api?

1.- Solicitemos la fuente deseada

<!-- Donde en el parametro family va la fuente que necesitamos -->

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

Existe una lista de fuentes aquí

2.- Usando CSS ya disponemos de la fuente

body{
font-family:'Droid Sans', Lucida Grande, Verdana, Sans-serif;
}

En caso de que el navegador no soporte “Google Font” simplemente nos mostrara la siguiente fuente disponible. Pueden ver la lista de navegadores disponibles en las FAQ del sitio.

Deben de tomar en cuenta que el comportamiento de esta Api varía dependiendo del navegador, en Firefox primero se renderea el texto usando una fuente disponible del sistema (lo cual me parece genial) mientras se carga la fuente del sitio de Google, en otros navegadores los textos no se renderean ( ={ ) hasta cargar por completo la fuente. Ademas notemos que se agregara peso al sitio por la descarga de la fuente a usar, ustedes evalúen si usan esta Api o no. Yo creo que si valen la pena unos kb’s mas por la satisfacción visual de nuestros visitantes.