Hace tiempo descubrí lo que era Google Fonts, me pareció muy copado y pensé algún día implementarlo en algún proyecto. Como actualmente estoy modificando un theme para este blog, decidí hacerlo, por ende les traigo una sencilla guiá para hacerlo andar en WordPress.
¿Que es Google Fonts?
Básicamente, es un directorio de fuentes web básicas, que proporciona un servicio a través de su API para que cualquiera pueda poner tipografías de calidad a sus páginas web, independientemente de las que son consideradas por defectos en los navegadores más populares.
Todas las fuentes que se encuentran en Google Fonts, son fuentes Open Source.
Empezemos
Primero tenemos que elegir del directorio de fuentes de Google la que mas nos guste, yo elegí en este caso Fredericka the Great.
Para utilizar la fuente, hacemos click en Quick-use, esto nos llevara a una nueva pagina con mas instrucciones.
Encontraremos mas abajo el código para poner en nuestro archivo header.php. Utilizaremos la forma estándar (a gusto del consumidor).
<link href='http://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'>
Ahora ingresamos al panel del Administrador de nuestro blog de WordPress (/wp-admin), nos dirigimos a Apariencia -> Editor y elegimos en el panel de la derecha la plantilla Cabecera (header.php).
Pegamos el código que obtuvimos anteriormente antes de la etiqueta (importante) y le agregamos esta clase para poder utilizarla donde queramos…
<style>.googlefontfredericka{
font-family: 'Fredericka the Great', cursive;
}</style>
Pueden utilizar cualquier nombre, yo elegí googlefontfredericka
Listo, solo queda utilizar la clase en alguna etiqueta html y hacer tu blog la envidia del barrio.
<div class="googlefontfredericka">Zarpele Linux & Software Libre!</div>
Saludos…



















