Tú Carrito esta vacío
Like Tree2Likes
  • 2 Post By akatsuki
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 Hi les gusta esto.

  2. #2
    Miembro especial Miembro de Platino Array Avatar de Khriz Hi
    Fecha de ingreso
    18 mar, 11
    Ubicación
    Peru
    Mensajes
    477
    Gustado
    99 Veces
    Me Gustan
    165 Veces
    Entradas de blog
    1

    Predeterminado Re: Como agregar google fonts a tu foro

    Excelente Tutorial !

    Buena contribucion a vBHispano.


    Saludos.
    ¿Sospecha de un sitio con vBulletin Ilegal? > Formulario de reporte para vBulletin Pirata!

Etiquetas para este tema