colocar fontes do Google Web Fonts no forum.

+2
Rolex
marcio.mendes
6 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido colocar fontes do Google Web Fonts no forum.

Mensagem por marcio.mendes 06.07.14 18:20

  • Descrição:
Boas pessoal.
Eu já estive a pesquisar e o tópico que encontrei na funcionou por isso venho cá pedir ajuda de novo.
Eu queria colocar uma fonte do google fonts no menu do meu fórum para que toda a gente que abrisse o fórum visse aquela font.
Ja tentei alguns códigos mas tudo sem sucesso.
Vinha cá pedir ajuda.
A font que queria era esta:
http://fonts.googleapis.com/css?family=Oswald

Obrigado a todos

  • Informações:
Fórum:http://www.clubfocus.biz/forum?change_temp=4Versão:PHPBB3
Tipo:Erros diversosTags:colocar,fontes,Google,Fonts,forum.

marcio.mendes

marcio.mendes
Novo Membro

Membro desde : 28/12/2013
Mensagens : 12
Pontos : 22

http://www.clubfocus.biz

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Rolex 06.07.14 18:24

Adiciona isto ao teu css:

Código:
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

E as partes na qual desejar está fonte:

Adicione este campo:

Código:
font-family: Oswald;

Por exemplo:

.body {
font-family: Oswald;
}
Rolex

Rolex
***

Membro desde : 23/04/2014
Mensagens : 118
Pontos : 196

http://www.b13games.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por marcio.mendes 06.07.14 19:59

Esse código é igual a outro que já existe em outro topico e não funcionou.
marcio.mendes

marcio.mendes
Novo Membro

Membro desde : 28/12/2013
Mensagens : 12
Pontos : 22

http://www.clubfocus.biz

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Hancki 06.07.14 20:22

Olá!

É bem simples!
Adicione este CSS:
Código:
@import url(http://fonts.googleapis.com/css?family=Oswald:400);
* {
   font-family: 'Oswald', sans-serif !important;
}
Resolve?

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8194
Pontos : 12249

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por marcio.mendes 07.07.14 20:55

nenhuma das soluções funcionou  Não 
marcio.mendes

marcio.mendes
Novo Membro

Membro desde : 28/12/2013
Mensagens : 12
Pontos : 22

http://www.clubfocus.biz

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Duel 07.07.14 22:27

Boa noite!

Adicione em sua CSS, por gentileza:
Código:
@import url(http://fonts.googleapis.com/css?family=Oswald);
.mainmenu, a.mainmenu{
  font-family: 'Oswald', sans-serif !important;
}
Ficará assim:
Seta http://prntscr.com/40eg7w

Atenciosamente, Duel!
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Rolex 07.07.14 22:35

Olá, poderia fornecer sua folha CSS?

Obrigado.
Rolex

Rolex
***

Membro desde : 23/04/2014
Mensagens : 118
Pontos : 196

http://www.b13games.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Sennior 12.07.14 8:24

Olá!

Aceda à "Google Fonts":
Google Fontes Seta Escolha a Fonte Seta Copie o nome dela Seta Edite o código abaixo
Vamos usar a fonte Lily Script One, como exemplo.
Veja o código abaixo:

Código:
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>

Seta No código acima procure por Lily+Script+One, basta substituir pelo nome da fonte.
Seta Devemos adicionar esse código quando for criar um tópico, lembrando o html deve estar ativo veja abaixo como ativar-lo.

Seta Ativar HTML

Seta Para usar ele em cabeçalhos, etc é  necessário usar outro procedimento adicione o código abaixo na descrição do fórum:

Código:
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>

Aceda à "Descrição do Site":
Painel de Controle Seta Geral Seta Fórum Seta Configuração Seta Descrição do Site
Pegue o código trabalhado no passo anterior e cole em primeiro.

Seta Agora, para por de fonte padrão etc, basta fazer os procedimentos abaixo:

Aceda à "Cores":
Painel de Controle Seta Visualização  Seta Imagens e Cores Seta Cores
Pode modificar a respectiva fonte de cada local, veja as opções abaixo:

Fonte título - Adicione o nome da fonte em primeiro, após adicione uma vírgula.
Essa opção vai mudar a fonte dos títulos das categorias, tópicos, etc.


Fonte principal - Adicione o nome da fonte em primeiro, após adicione uma vírgula.
Essa opção vai mudar a fonte de todos os tópicos, cada mensagem que não tiver uma fonte especifica será alterada.


Fonte código - Adicione o nome da fonte em primeiro, após adicione uma vírgula.
Essa opção vai mudar a fonte dos códigos.


Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por DeeW. 19.07.14 7:20

Adicione ao CSS:
Código:
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
.mainmenu {
font-family: 'Oswald';
}
DeeW.

DeeW.
****

Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos