Usando Google Fonts em Páginas de Destino


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

 
Usuários:
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:

  1. Navegue até https://fonts.google.com/.
  2. Pesquise uma família de fontes e clique em + Selecionar este estilo ao lado de cada família de fontes desejada.
  3. Clique no ícone GoogleFonts_ViewSelectedFamilies.pngVer Famílias Selecionadas no canto superior direito da página.
  4. Clique em @Importar.
  5. 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:

  1. Clique  code.png  Editar Código no painel esquerdo.
  2. Clique no menu suspenso Páginas e selecione Todas as Páginas.
  3. Clique na aba Cabeçalho.
  4. Cole o trecho de código Google Fonts copiado na aba Cabeçalho.
  5. Clique em Salvar.

    Inserir Código da Fonte Google
     

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:

  1. Insira uma linha antes da tag de fechamento </style> no código Google Fonts colado.
  2. Copie o segundo trecho de código sob Regras CSS para especificar famílias na aba do navegador Google Fonts. 
  3. Cole este trecho de código na nova linha antes da tag de fechamento </style> na aba do navegador Lead Gen & CRM.
  4. Envolva o trecho de código em chaves { }.
  5. 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

  6. Clique em Salvar e Fechar.

Exemplo de formatação de código

Código de exemplo da Fonte Google inserida