Excelente Tutorial !
Buena contribucion a vBHispano.
Saludos.
2Likes
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:
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:
recuerden cambiar las fuentes por sus fuentes de preferencia.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'>
Y guarda.
3.- ahora ve a tu Css Principal y en css adicionales agrega abajo:
recuerda cambiar las nombres de las fuentes en rojo por sus fuentes elegidas, despues dar a guardar.Código PHP:h1 { font-family: 'Cantarell', arial, serif; }
h1 { font-family: 'Tangerine', arial, serif; }
h1 { font-family: 'Cardo', arial, serif; }
h1 { font-family: 'Crimson Text', arial, serif; }
h1 { font-family: 'Droid Serif', arial, serif; }
h1 { font-family: 'IM Fell English SC', arial, serif; }
h1 { font-family: 'Inconsolata', arial, serif; }
h1 { font-family: 'Josefin Sans Std Light', arial, serif; }
h1 { font-family: 'Lobster', arial, serif; }
h1 { font-family: 'Molengo', arial, serif; }
h1 { font-family: 'Neuton', arial, serif; }
h1 { font-family: 'OFL Sorts Mill Goudy TT', arial, serif; }
h1 { font-family: 'Reenie Beanie', arial, serif; }
h1 { font-family: 'Vollkorn', arial, serif; }
4.- ahora ir a plantillas > elegir plantilla > todas las opciones despues ir hacia al final en el la barra de opciones de menú agregar:
igual como con todo, reemplaza los nombres por el nombre de las fuentes de tu elecciónCó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
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![]()
Excelente Tutorial !
Buena contribucion a vBHispano.
Saludos.
No Preguntes por mi Web! xD