Como adicionar Google Fonts ao seu fórum

  • Autor Autor akatsuki
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
A

akatsuki

Curioso
Usuário com poucas negociações! Use sempre o saldo do 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 🙂
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Excelente Tutorial !

Buena contribucion a vBHispano. 🙂


Saludos.
 
Voltar
Topo