Instalando mais de uma Google Fonts

2 participantes

Ir para baixo

Tópico resolvido Instalando mais de uma Google Fonts

Mensagem por Oliver Miller 07.11.16 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.

Instalando mais de uma Google Fonts CF35mRc
Oliver Miller
Oliver Miller
Novo Membro

Membro desde : 29/10/2016
Mensagens : 14
Pontos : 24

http://rpgministeriodamagia.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Instalando mais de uma Google Fonts

Mensagem por Kyo Panda 08.11.16 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;
}

^-^
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Instalando mais de uma Google Fonts

Mensagem por Oliver Miller 08.11.16 16:26

é isso mesmo. obrigado senhor. Resolvido!
Oliver Miller
Oliver Miller
Novo Membro

Membro desde : 29/10/2016
Mensagens : 14
Pontos : 24

http://rpgministeriodamagia.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Instalando mais de uma Google Fonts

Mensagem por Kyo Panda 08.11.16 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.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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