Mostrando resultados del 1 al 8 de 8
  1. #1
    Registro
    05-febrero-2010
    Ubicación
    Ecatepec, Edo. Mex.
    Edad
    20
    Mensajes
    707

    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.
    Última edición por Victor Hernandez; 13-jun-2011 a las 13:09

  2. Likes vicarlone, César Arévalo, Rulo, Angel Ortega, Away y 5 otros dio clic en "Me agrada" a este mensaje
  3. #2
    Registro
    14-octubre-2010
    Mensajes
    4.194
    muy bueno, ya lo usara mas de una vez

  4. #3
    Registro
    04-mayo-2010
    Ubicación
    Gto, México
    Mensajes
    1.717
    Muy buen aporte Victor, yo lo probé hace tiempo pero no me gusto, por que de alguna manera ponía un poco lento el theme en el que aplique una font de estas, en relación con el tiempo de carga que tenia antes con una font normalita.

  5. #4
    Registro
    05-febrero-2010
    Ubicación
    Ecatepec, Edo. Mex.
    Edad
    20
    Mensajes
    707
    Cita Iniciado por Angel Ortega Ver Mensaje
    Muy buen aporte Victor, yo lo probé hace tiempo pero no me gusto, por que de alguna manera ponía un poco lento el theme en el que aplique una font de estas, en relación con el tiempo de carga que tenia antes con una font normalita.
    Esto es cierto aunque a medias, yo lo estuve probando con varias fuentes y sitios y el promedio de aumento en la carga del mismo fue de 1 a 1.5 segundos, igual a los que le gusta su sitio lo mas liviano posible no es una buena opción, pero siempre sirve cuando quieres que tu blog tenga mas presencia

  6. excelente tutorial! guardado..

  7. #6
    Registro
    13-septiembre-2011
    Ubicación
    Peru
    Edad
    26
    Mensajes
    1.673
    Excelente bien explicado.

  8. #7
    Excelente aporte compañero!

  9. #8
    Registro
    27-agosto-2011
    Ubicación
    En la nube
    Mensajes
    325
    Excelente aporte!!!
    hace un tiempo ocupe una fuente de Android y quedo muy buena en el sitio
    Gracias!

Temas similares

  1. Google fonts!!!
    Usa el APO de google para usar estas tipografias en tu sitio! ( y que todos puedan verlas ) si es gooogle.. es bueno ;) Google fonts! API...
    Respuestas: 2
    Último mensaje: 02-abr-2011
  2. Critiquen mi blog para Mejora
    Hola, quizas algunos me conozcan ya, y si que he traido problemas. Pero hoy me doy cuenta de este hilo y me parece muy interesante. Podrian...
    Respuestas: 2
    Último mensaje: 01-abr-2011
  3. Mejora tu Productividad en la PC
    Una mañana te pones delante del ordenador con la sana intención de trabajar, pero… ¡un momento! Voy a ver el email... ¡anda, mira! Un mensaje de un...
    Respuestas: 7
    Último mensaje: 14-oct-2010
  4. Mejora tus imágenes... con un clic...
    HOla gracias a esta aplicación online podrás mejorar tus imágenes con un simple clic para subir tus fotos, la aplicación online te devuelve la...
    Respuestas: 10
    Último mensaje: 16-mar-2010

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •