10Me agrada
Vídeo Tutorial:
Bueno el día de hoy les traigo un tutorial sencillo, para mejorar la apariencia de sus blogs mediante la utilización de las web fonts, en este caso las proporcionadas a través de Google.
Usarlas en tu sitio web es bastante sencillo, varia de tema a tema pero generalmente es el mismo proceso, lo primero que tenemos que hacer es ubicar la hoja CSS y .header de tu plantilla, la puedes editar desde el panel de administrador de Wordpress o localmente con algún editor de texto, no importa.
Pasamos a elegir una fuente del extenso catalogo que encontraras en Google Web Fonts, una ves elegida vamos hacemos clic y nos llevara a una pagina como la siguiente (Hacemos clic en "Use this font"):
Una vez que entremos al link se nos proporcionara el código necesario para ingresar en nuestra archivo "header.php" justo después de la etiqueta <head> (Sugiero que sea el primer elemento para no tarde en cargar en los navegadores):
Como debe quedar en nuestro archivo "header.php":
Ahora lo único que tenemos que hacer esa llamar a la fuente desde nuestra hoja CSS, generalmente solo se tiene que cambiar un valor pero hay temas que tal vez usen 2 tipos de fuente para los títulos y demás, ahí tendrías que llamarla 2 veces, pero son muy raros los casos.
Para llamar una fuente basta con poner el nombre de la misma después de "font:" "font-family:" etc, debería quedar asi:
Después de esto es cuestión de guardar los cambios para que veas la fuente en tu blog, cabe aclarar que la fuente se vera en todos los navegadores, ya que el usuario no necesita tener instalada la fuente.
No olvides:
Espero que les haya gustado, si tienen problemas con un tema en particular, dejen el nombre y versión del mismo, veré en que les puedo ayudar, saludos.
Iniciado por Angel Ortega 
