Like Tree2Likes
  • 2 Post By akatsuki

Como agregar google fonts a tu foro

Esta es una discusión para el tema Como agregar google fonts a tu foro en el foro Tips y tutoriales, bajo la categoría Recursos para vBulletin (Descargas); hola amigos esta vez vengo a compartir un tuto con ustedes con el cual podran agregar fuentes de google a su foro Empezemos: 1.- busca fuentes que te gusten en http://code.google.com/webfonts . 2.- ve a ...
Página:


Resultados 1 al 2 de 2
  1. #1
    Miembro Array
    Fecha de ingreso
    29 ene, 08
    Mensajes
    10
    Gustado
    12 Veces
    Me Gustan
    1 Veces

    Predeterminado Como agregar google fonts a tu foro

    hola amigos esta vez vengo a compartir un tuto con ustedes con el cual podran agregar fuentes de google a su foro

    Empezemos:

    1.- busca fuentes que te gusten en http://code.google.com/webfonts .

    2.- ve a tu header y en el top agrega el codigo que te dieron en google fonts, yo agregare estos de ejemplo:

    Código PHP:
    <link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Cardo' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Crimson+Text' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>
    <
    link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'
    recuerden cambiar las fuentes por sus fuentes de preferencia.
    Y guarda.

    3.- ahora ve a tu Css Principal y en css adicionales agrega abajo:

    Código PHP:
    h1 font-family'Cantarell'arialserif; } 
    h1 font-family'Tangerine'arialserif; } 
    h1 font-family'Cardo'arialserif; } 
    h1 font-family'Crimson Text'arialserif; } 
    h1 font-family'Droid Serif'arialserif; } 
    h1 font-family'IM Fell English SC'arialserif; } 
    h1 font-family'Inconsolata'arialserif; } 
    h1 font-family'Josefin Sans Std Light'arialserif; } 
    h1 font-family'Lobster'arialserif; } 
    h1 font-family'Molengo'arialserif; } 
    h1 font-family'Neuton'arialserif; } 
    h1 font-family'OFL Sorts Mill Goudy TT'arialserif; } 
    h1 font-family'Reenie Beanie'arialserif; } 
    h1 font-family'Vollkorn'arialserif; } 
    recuerda cambiar las nombres de las fuentes en rojo por sus fuentes elegidas, despues dar a guardar.

    4.- ahora ir a plantillas > elegir plantilla > todas las opciones despues ir hacia al final en el la barra de opciones de menú agregar:

    Código PHP:
    Cantarell 
    Tangerine 
    Cardo 
    Crimson Text 
    Droid Serif 
    IM Fell English SC 
    Inconsolata 
    Josefin Sans Std Light 
    Lobster 
    Molengo 
    Neuton OFL Sorts Mill Goudy TT 
    Reenie Beanie Vollkorn 
    igual como con todo, reemplaza los nombres por el nombre de las fuentes de tu elección

    adjunto imagén para que vea que tal queda, los cambios de las fuentes las hize en mi nick y en la firma como podran darse cuenta.


    Espero que les sirva, dudas y/o comentarios con gusto respondere
    Imágenes adjuntadas
    CarcaBot y Khriz les gusta esto.

  2. #2
    Miembro especial Miembro de platino Array Avatar de Khriz
    Fecha de ingreso
    18 mar, 11
    Ubicación
    Peru
    Mensajes
    380
    Gustado
    43 Veces
    Me Gustan
    136 Veces

    Predeterminado Re: Como agregar google fonts a tu foro

    Excelente Tutorial !

    Buena contribucion a vBHispano.


    Saludos.
    No Preguntes por mi Web! xD

Etiquetas para este tema