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
» Formulário de Registo personalizado
Hoje à(s) 3:34 por juleic1123

» Personalizar Chatbox
Hoje à(s) 3:23 por YouTube3

» Caixa de Login
Hoje à(s) 3:07 por YouTube3

» Ultimos assuntos
Hoje à(s) 3:01 por Biel_Staff

» Ajustar aspeto de formulário
Hoje à(s) 2:53 por IsmaelS.

» Problema de resolução de tela dos usuários
Hoje à(s) 2:25 por Luiz~

» Banner edição no texto e mais efeito.
Hoje à(s) 2:21 por Sr.Oliveira

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
iScroll
 
YouTube3
 
Tiger
 
IsmaelS.
 
juleic1123
 
Sr.Oliveira
 
Biel_Staff
 

Quem está conectado
189 usuários online :: 10 usuários cadastrados, 1 Invisível e 178 Visitantes :: 2 Motores de busca

Biel_Staff, Daemon, Expecty, Francine_Campos, IsmaelS., juleic1123, ranzatti, Tiago Jackson, ViniZiNN, YouTube3

[ 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 : 173

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 : 2821
Pontos Ativos : 5967

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 : 173

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 : 2821
Pontos Ativos : 5967

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