Google font directory

Gracias a pk hemos descubierto recientemente el servicio Google font directory, un repositorio de tipografías para web con licencia libre, SIL Open Font License en la mayor parte de los casos.

La particularidad es que han desarrollado una API para poder embeber estas tipografías en cualquier página web y así poder visualizarla con cualquiera de las fuentes de Google font directory.

Para usar una de las fuentes en nuestra web sólo tenemos que meter el siguiente código en el header de la página:

<br />
&lt;link  href=&quot;//fonts.googleapis.com/css?family=Lobster:regular&amp;subset=latin&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; &gt;<br />

Y luego crear un estilo y darle atributos para asignárselo a los elementos que queramos que vayan con esa tipografía:

<br />
&lt;style&gt;<br />
.lobster {<br />
  font-family: 'Lobster', serif;<br />
  font-size: 28px;<br />
  font-style: normal;<br />
  font-weight: 400;<br />
  text-shadow: none;<br />
  text-decoration: none;<br />
  text-transform: none;<br />
  letter-spacing: 0em;<br />
  word-spacing: 0em;<br />
  line-height: 1em;<br />
}<br />
&lt;/style&gt;<br />

Así el siguiente código:

<br />
&lt;p class=&quot;lobster&quot;&gt;Esta tipografía se llama Lobster y está diseñada por Pablo Impallari. Gracias a Google font directory esto es texto y no una imagen.&lt;/p&gt;<br />

Produce lo siguiente:

Esta tipografía se llama Lobster y está diseñada por Pablo Impallari. Gracias a Google font directory esto es texto y no una imagen.