Google Fonts


Google Font

A todos los programadores web nos ha pasado alguna vez que un cliente nos solicita una web con un diseño que él mismo nos facilita, o quizás una agencia (no muy acostumbrada a diseño web) o simplemente nos pide una tipografía concreta.

Esto podía suponer un problema a la hora de realizar la programación del site (si descartamos de inicio el utilizar imágenes para representar las fuentes conflictivas) ya que muchas de esas fuentes no son universalmente compatibles.

Existen muchas fuentes propias del sistema operativo (Windows, Linux, Mac, etc…) y otras incompatibles con ellos. Esto daba lugar a que el usuario no pudiese ver correctamente la web o que tuviese que instalar las fuentes en su sistema operativo para ello. Un engorro…

Pues bien, Google una vez más sale al rescate de los programadores web con Google Fonts (actualmente en estado beta) con una librería de fuentes disponible online que incluye una API que nos permitirá incluir diversos tipos de fuentes no estándar en nuestras webs. Además el uso es muy muy sencillo.

Sólo hemos de añadir una cabecera al código de nuestra página e incluir en los css el estilo asociado. Por ejemplo para incluir la fuente “Tangerine”:

Encabezado HTML

<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Tangerine”&gt;

Estilos CSS

body {
font-family: ‘Tangerine’, serif;
}

¡Y listo!
¡Gracias Google!

Anuncios