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

Un pensamiento en “Google Fonts

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s