Como utilizar fontes não cadastradas no Fichas

Modificado em Sáb, 12 Dez, 2020 na (o) 3:47 PM

    Ao criar uma página de doação no Fichas, é possível selecionar qual a fonte a ser utilizada nos títulos e textos.




No entanto, algumas Ongs poderão questionar como fazer para utilizar uma fonte que não esteja disponível ali. Em muitos casos a Ong já utiliza outra fonte em sua comunicação e para deixá-la uniforme, precisa utilizar a mesma fonte na página de doação também.


Caso isso aconteça é possível alterar as fontes da página através de códigos Java Script. 


O primeiro passo é acessar o site Google Fonts e localizar a fonte desejada.




Clique na opção desejada e você será levado até a seguinte página, onde você deverá clicar na opção de fonte desejada e também na opção 'select this style' para que a aba lateral onde estão os códigos que precisaremos copiar possa ser revelada:



Em seguida, precisaremos selecionar os códigos marcados acima para alterá-los no código que iremos inserir nas configurações da campanha lá no Fichas, que é o seguinte:


<html>

<head>

    <title>Meu site</title>

    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">

    <style>

        body {

            font-family: 'Montserrat', sans-serif;

        }

    </style>

</head>

</html>


As linhas que estão em vermelho são as que precisam ser substituídas pelos códigos obtidos no Google Fonts.


Após a substituição destas linhas, copie o código todo e cole ele na opção 'Script Cabeçalho' dento da aba 'Códigos JavaScript'


Salve as alterações e as novas fontes serão aplicadas a página. 


Neste exemplo, alteramos a fonte na página de doação da campanha https://treinamento.colabore.org/bahia/people/new no Treinamento Trackmob.


Este artigo foi útil?

Que bom!

Obrigado pelo seu feedback

Desculpe! Não conseguimos ajudar você

Obrigado pelo seu feedback

Deixe-nos saber como podemos melhorar este artigo!

Selecione pelo menos um dos motivos
A verificação do CAPTCHA é obrigatória.

Feedback enviado

Agradecemos seu esforço e tentaremos corrigir o artigo