Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Categorias com imagens diferentes
Hoje à(s) 18:20 por Harleen

» Modificação do nome dos usuários
Hoje à(s) 17:17 por Hasegawa

» como colocar radio no forum
Hoje à(s) 16:51 por Harleen

» Barra de Categorias
Hoje à(s) 16:08 por [K]oke

» Sobre medalhas
Hoje à(s) 14:26 por Harleen

» Avatar Gif
Hoje à(s) 5:12 por [K]oke

» Notificações
Hoje à(s) 2:22 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Flames
 
Holkis
 
Blackfyre
 
wlweslley
 

Quem está conectado
261 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 252 Visitantes :: 2 Motores de busca

[K]oke, admin186, Harleen, Higor Soares, Pedxz, rlmac, Sennior, ThallesAmagami, Viniciusc115

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Instalando mais de uma Google Fonts

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

Resolvido Instalando mais de uma Google Fonts

Mensagem por Oliver Miller em Seg 7 Nov 2016 - 18:20

Detalhes da questão


Endereço do fórum: http://www.ministeriodamagia.org/forum
Versão do fórum: PhpBB2

Descrição


Olá pessoal, anteriormente apresentei aqui uma dúvida de 'como instalar fontes personalizadas' no forum. Obtive a explicação e orientação de instalar o seguinte code em um novo arquivo em Javascript:
Código:
; (function ($) {
    'use strict';
 
    $(function () {
        $('<link>', {
            href: 'http://fonts.googleapis.com/css?family=UnifrakturCook:700',
            rel: 'stylesheet'
        }).appendTo('head');
    });
}) (jQuery);

No css:
Código:
.forumline {
    border-spacing: initial;
}
 
.forumline th h2 {
    font-family: 'UnifrakturCook', cursive;
}

Pois bem, estou agora tentando inserir a font 'Alice' https://fonts.google.com/specimen/Alice nas Categorias, mas ao copiar o code passado vi que deu conflito no título onde diz: Configurações Gerais - RPG, enquanto onde diz Registro e Suporte não alterou em nada.

avatar

Oliver Miller
Nível 2

Masculino
Inscrito dia : 29/10/2016
Mensagens : 14
Pontos Ativos : 24

http://rpgministeriodamagia.forumeiros.com/forum

Resolvido Re: Instalando mais de uma Google Fonts

Mensagem por Kyo Panda em Ter 8 Nov 2016 - 2:25

Olá,

Troque o Javascript por esse:

Código:
; (function ($) {
    'use strict';

    var fonts;

    fonts = [
        'http://fonts.googleapis.com/css?family=UnifrakturCook:700',
        'http://fonts.googleapis.com/css?family=Alice'
    ];

    $(function () {
        $.each(fonts, function (key, href) {
            $('<link>', {
                href: href,
                rel: 'stylesheet'
            }).appendTo('head');
        });
    });
}) (jQuery);

E adicione ao seu CSS:

Código:
.forumlink,
.descricao {
    font-family: 'Alice', serif;
}

^-^
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4743

http://ajuda.forumeiros.com

Resolvido Re: Instalando mais de uma Google Fonts

Mensagem por Oliver Miller em Ter 8 Nov 2016 - 16:26

é isso mesmo. obrigado senhor. Resolvido!
avatar

Oliver Miller
Nível 2

Masculino
Inscrito dia : 29/10/2016
Mensagens : 14
Pontos Ativos : 24

http://rpgministeriodamagia.forumeiros.com/forum

Resolvido Re: Instalando mais de uma Google Fonts

Mensagem por Kyo Panda em Ter 8 Nov 2016 - 16:45

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4743

http://ajuda.forumeiros.com

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