Como añadir fuentes/tipografias no estandar a mi web

30 Sep
2011

Existen cada día más opciones a la hora de diseñar y personalizar tu web. Una buena forma es añadir fuentes/tipografias no estandar a tu web, es decir, olvídate de la Verdana, de la Tahoma, del times.. y empieza a poner la tipografía que quieras en tu web.

Para eso está Google Font Library. Es un servicio de Google que te permite insertar las fuentes/tipografías adicionales y poder personalizar tu web.

 

Solo necesitas añadir una línea en la cabecera de tu página que se te generará al escoger las fuentes que quieras en  Google Font Directory.

Ejemplo:

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

Google se encarga de cargar las librerías. Puedes utilizar esas fuentes como otra fuente cualquiera, es decir, a través de las CSS añadirlo como lo haces con el times, el Tahoma, etc:

 <style type="text/css">
body {
  font-family: 'Jura', serif;
  font-style: normal;
  font-size: 11px;
}
</style>

Esta librería funciona en los siguientes navegadores:
  • Google Chrome: versión 4.249.4+
  • Mozilla Firefox: versión: 3.5+
  • Apple Safari: versión 3.1+
  • Microsoft Internet Explorer: versión 6+
Y si quieres incluir más de una tipografía, tan solo debes separarlos con una coma y hecho.

 

Si quieres saber más aquí te dejo una guía de los fundamentos de la selección de una fuente para su uso en la copia del body (en inglés).




  • Compartir:

Deja un comentario

Booking.com
A %d blogueros les gusta esto: