colocar fontes do Google Web Fonts no forum.

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

Resolvido colocar fontes do Google Web Fonts no forum.

Mensagem por marcio.mendes em 06/07/14, 02:20 pm

  • 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.

avatar

marcio.mendes
Nível 2

Masculino
Inscrito dia : 27/12/2013
Mensagens : 12
Pontos Ativos : 22

Ver perfil do usuário http://www.clubfocus.biz

Resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Rolex em 06/07/14, 02:24 pm

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

Rolex
Nível 8

Masculino
Inscrito dia : 23/04/2014
Mensagens : 118
Pontos Ativos : 196

Ver perfil do usuário http://www.b13games.net/

Resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por marcio.mendes em 06/07/14, 03:59 pm

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

marcio.mendes
Nível 2

Masculino
Inscrito dia : 27/12/2013
Mensagens : 12
Pontos Ativos : 22

Ver perfil do usuário http://www.clubfocus.biz

Resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Hancki em 06/07/14, 04:22 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por marcio.mendes em 07/07/14, 04:55 pm

nenhuma das soluções funcionou  Não 
avatar

marcio.mendes
Nível 2

Masculino
Inscrito dia : 27/12/2013
Mensagens : 12
Pontos Ativos : 22

Ver perfil do usuário http://www.clubfocus.biz

Resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Duel em 07/07/14, 06:27 pm

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!

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Rolex em 07/07/14, 06:35 pm

Olá, poderia fornecer sua folha CSS?

Obrigado.
avatar

Rolex
Nível 8

Masculino
Inscrito dia : 23/04/2014
Mensagens : 118
Pontos Ativos : 196

Ver perfil do usuário http://www.b13games.net/

Resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por Sennior em 12/07/14, 04:24 am

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: colocar fontes do Google Web Fonts no forum.

Mensagem por DeeW. em 19/07/14, 03:20 am

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

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum