Como agregar google fonts a tu foro

  • Autor Autor akatsuki
  • Fecha de inicio Fecha de inicio
A

akatsuki

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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 Enlace eliminado .

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

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:

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; }

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:

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 🙂
 
Excelente Tutorial !

Buena contribucion a vBHispano. 🙂


Saludos.
 
Atrás
Arriba