Muchos de vosotros trabajáis en desarrollo web y conocéis ya otras técnicas alternativas para poder dotar de mayor estilo a las webs empleando tipografías “no estándares” en entornos web (Arial, Verdana, Times, etc.). Entre ellas una de las más conocidas es el método sIFR (Scalable Inman Flash Replacement). Ahora Google desde su hervidero de ideas llamado Google Code nos presenta Google Font API y Google Font Directory.
Aunque en los enlaces de arriba se explica exactamente como funciona os haré un resumen para que veáis la facilidad con la que se puede estar disfrutando de cualquier de las fuentes del Google Font Directory en vuestras páginas web en cuestión de minutos. Los pasos que debemos seguir son los siguientes:
- Añadir una hoja de estilos que solicite la fuente deseada:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<var>Font+Name</var>">
- Asignar a un elemento la fuente solicitada, ya sea en vuestro CSS o “inline” en el tag html (por ejemplo un div):
.elemento {font-family: '<var>Font Name</var>', serif;}
<div style="font-family: '<var>Font Name</var>', serif;">
Y listo. Con esto debería ser sufiente para que podáis utilizar cualquier fuente del Google Font Directory que por cierto podéis descargarlas libremente para maquetar con ellas vuestros diseños o mockups de vuestros proyectos.