✏️ Como utilizar fontes personalizadas na sua página de doação – Trackmob

Se a fonte usada pela sua ONG não estiver disponível nas opções padrão do Fichas, é possível incluir fontes externas — como do Google Fonts — utilizando um pequeno código em JavaScript.

🧭 Passo a passo para usar fontes externas

1. Acesse o Google Fonts

Entre em: https://fonts.google.com/
Busque pela fonte que sua organização já utiliza na identidade visual.

2. Selecione o estilo da fonte

Clique em "Select this style" para abrir a aba lateral com os códigos de incorporação.

3. Copie os trechos destacados

Você precisará de dois trechos:

O link da fonte (<link href=...>)
O nome da fonte a ser usado no CSS (font-family: ...)

4. Monte o código conforme o exemplo abaixo:

<html>
<head>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Montserrat', sans-serif;
        }
    </style>
</head>
</html>

Substitua o trecho da URL e o nome da fonte conforme a escolhida no Google Fonts.

5. Acesse o Fichas

Vá até o menu de edição da sua campanha.
Entre na aba "Códigos JavaScript".
Cole o código na seção "Script Cabeçalho".

6. Salve as alterações

Pronto! A nova fonte será aplicada automaticamente à sua página de doação.

💡 Exemplo prático: essa técnica foi utilizada na página https://treinamento.colabore.org/bahia/people/new

⚠️ Importante

Essa funcionalidade é voltada para personalização visual avançada.
A Trackmob não fornece suporte para manutenção de scripts inseridos manualmente.

Siga a Trackmob nas Redes Sociais