Google Web Fonts y CSS

En algunos casos la selección de fuentes tipográficas para nuestro sitio resulta escasa, muchas veces difícil, ya que nos toma algún tiempo buscar en Internet el font apropiado para nuestro sitio, Google Web Fonts brinda un servicio que nos facilita ese trabajo, ademas de que no tenemos que descargar nada, todo es desde las nubes, basta con solo hacer un simple enlace al sitio desde nuestro plantilla HTML, como muestra el código siguiente.

Enlazando el Font

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

¿Porqué Doppio+One?

Cuando queremos utilizar un font el cual cuenta con varias palabras reemplazamos el espacio con el operador +.

Mas de una.

<link href='http://fonts.googleapis.com/css?family=Doppio+One|Advent+Pro|Ledger'>

En el CSS cuando declaremos la propiedad font-family solo debemos escribir el font tal y como aparece en Google Web Fonts

body {
  font-family: 'Doppio One'; /* si es mas de una separarla con comas */
  font-size: 32px;
}

jsFiddle Demo

Ahora inténtalo y diviértete probando.

Recomendado
  • Javier

    Muy simple! Excelente!!

  • Danny Feliz

    Excelente. Por cierto creo que sería cool ponerle un target=”_blank” al jsFiddle Demo 😛