Usando Google Fonts em Páginas de Destino
Última atualização: 9 de outubro de 2024
Adicione mais personalização à sua página de destino usando uma fonte Google para o seu texto em uma página de destino. Dentro do código da página de destino, você pode designar quais textos de cabeçalho ou corpo a fonte deve ser aplicada.
Conteúdo do Artigo
| Administradores | ✓ | |
| Gerentes de Empresa | ✓ | |
| Gerentes de Marketing | ✓ | |
| Gerentes de Vendas | ||
| Vendedores | ||
| Vendedores Jr. |
Encontrando Fontes
Para encontrar e copiar Google Fonts para uso em uma página de destino, faça o seguinte:
- Navegue até https://fonts.google.com/.
- Pesquise uma família de fontes e clique em + Selecionar este estilo ao lado de cada família de fontes desejada.
- Clique no ícone
Ver Famílias Selecionadas no canto superior direito da página. - Clique em @Importar.
- Copie a totalidade do primeiro bloco de código, incluindo as tags
<style>.
Certifique-se de não copiar nada mais por enquanto, pois você precisará colar este bloco de código.
Inserindo o Código Google Fonts
Para inserir o código Google Fonts copiado em uma página de destino, crie ou edite uma página de destino:
- Clique
Editar Código no painel esquerdo. - Clique no menu suspenso Páginas e selecione Todas as Páginas.
- Clique na aba Cabeçalho.
- Cole o trecho de código Google Fonts copiado na aba Cabeçalho.
- Clique em Salvar.

Nota: Constant Contact oferece Serviços Profissionais para ajudar com codificação personalizada.
Designando o Código Google Fonts
Para definir os parâmetros do código Google Fonts, faça o seguinte:
- Insira uma linha antes da tag de fechamento
</style>no código Google Fonts colado. - Copie o segundo trecho de código sob Regras CSS para especificar famílias na aba do navegador Google Fonts.
- Cole este trecho de código na nova linha antes da tag de fechamento
</style>na aba do navegador Lead Gen & CRM. - Envolva o trecho de código em chaves
{ }. - Adicione uma das seguintes tags antes da chave de abertura:
Nota: As tags antes da chave designam qual texto de cabeçalho ou corpo será impactado por esta mudança. Por exemplo, se você gostaria que todo o seu texto de parágrafo tivesse esta Fonte Google, o trecho de código será o seguinte: p { font-family: ‘Raleway’, sans-serif; }
•
p•
h1•
h2•
h3•
h4•
h5 - Clique em Salvar e Fechar.
Exemplo de formatação de código
