Mostrando resultados del 1 al 8 de 8
Like Tree8Me agrada
  • 8 Post por Victor Hernandez

Tema: Mejora el diseño de tu blog con Web Fonts

  1. #1
    Avatar de Victor Hernandez
    Victor Hernandez está desconectado Usuario Epsilon
    Registro
    05-febrero-2010
    Ubicación
    Ecatepec, Edo. Mex.
    Edad
    18
    Mensajes
    801
    CMS
    CMS Utilizado
    Ir a Victor Hernandez página de inicio Mi Twitter Mi Facebook

    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
    vicarlone, César Arévalo, Rulo y 5 otros les agrada esto.
    Es... lógico.

  2. #2
    Avatar de wsoul
    wsoul esta en línea ahora Usuario Iota
    Registro
    14-octubre-2010
    Ubicación
    España / Galicia
    Mensajes
    2.388
    CMS
    CMS Utilizado
    Ir a wsoul página de inicio Mi Twitter Mi Google+
    muy bueno, ya lo usara mas de una vez

  3. #3
    Avatar de Angel Ortega
    Angel Ortega está desconectado Usuario Eta
    Registro
    04-mayo-2010
    Ubicación
    Diseñando tus Ideas!
    Mensajes
    1.265
    CMS
    CMS Utilizado
    Ir a Angel Ortega página de inicio Mi Twitter
    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.

  4. #4
    Avatar de Victor Hernandez
    Victor Hernandez está desconectado Usuario Epsilon
    Registro
    05-febrero-2010
    Ubicación
    Ecatepec, Edo. Mex.
    Edad
    18
    Mensajes
    801
    CMS
    CMS Utilizado
    Ir a Victor Hernandez página de inicio Mi Twitter Mi Facebook
    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
    Es... lógico.

  5. #5
    leviathan está desconectado Usuario Alfa
    Registro
    16-mayo-2011
    Mensajes
    22
    excelente tutorial! guardado..

  6. #6
    Avatar de Joel Llerena
    Joel Llerena está desconectado Usuario Gamma
    Registro
    13-septiembre-2011
    Ubicación
    Peru
    Mensajes
    338
    Ir a Joel Llerena página de inicio
    Excelente bien explicado.

  7. #7
    Avatar de vicarlone
    vicarlone está desconectado Moderador
    Registro
    06-abril-2009
    Ubicación
    en la web
    Mensajes
    7.048
    CMS
    CMS Utilizado
    Ir a vicarlone página de inicio Mi Twitter Mi Facebook Mi Google+
    Excelente aporte compañero!

  8. #8
    Avatar de Zetta
    Zetta esta en línea ahora Usuario Gamma
    Registro
    27-agosto-2011
    Ubicación
    En la nube
    Mensajes
    331
    CMS
    CMS Utilizado
    Excelente aporte!!!
    hace un tiempo ocupe una fuente de Android y quedo muy buena en el sitio
    Gracias!
    Buscando hacer nuevos amigos en el foro!

Información del tema

Users Browsing this Thread

Actualmente hay 1 usuarios leyendo este tema. (0 miembros y 1 invitados)

Temas Similares

  1. Google fonts!!!
    Por Munieco en el foro Diseño Gráfico
    Respuestas: 2
    Último mensaje: 02-abr-2011, 13:31
  2. Critiquen mi blog para Mejora
    Por ganzopt en el foro Critica mi Web / Blog
    Respuestas: 2
    Último mensaje: 01-abr-2011, 22:14
  3. Mejora tu Productividad en la PC
    Por garlock en el foro Charla Blogger
    Respuestas: 7
    Último mensaje: 14-oct-2010, 15:53
  4. Mejora tus imágenes... con un clic...
    Por ramonjosegn en el foro Diseño Gráfico
    Respuestas: 10
    Último mensaje: 16-mar-2010, 23:21

Normas de Publicación

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