Pular para o conteúdo principal

Adicionar fontes do Google, personalizadas e de reserva ao design de seu e-mail

A seleção de fontes ajuda a transmitir a identidade de sua marca e a melhorar a legibilidade de seus e-mails. A Brevo permite que você escolha entre uma variedade de opções de fontes para ajudá-lo a criar e-mails bonitos que repercutam no seu público e aumentem o reconhecimento da sua marca.

Quais fontes podem ser usadas no design do meu e-mail?

Ao projetar seu e-mail, você pode usar:

Fontes seguras ou de reserva Fontes do Google Fontes personalizadas

Uma fonte segura da Web é uma fonte que provavelmente estará disponível na grande maioria dos dispositivos dos usuários. Fontes seguras podem ser usadas como fontes de reserva caso as fontes selecionadas originalmente não sejam compatíveis com o dispositivo do destinatário. Ao escolher fontes seguras como fontes de reserva, é possível evitar o risco de problemas de renderização de fontes e garantir que seus e-mails mantenham o impacto, independentemente do dispositivo em que forem lidos.

💡 É bom saber
As fontes importadas do Google e as fontes personalizadas podem não ser compatíveis com todos os clientes de e-mail, navegadores ou sistemas. Recomendamos que você configure fontes de reserva para substituir as fontes personalizadas e do Google não suportadas em alguns dispositivos. 

Antes de começar

Configure sua Biblioteca de marcas para que cada novo modelo selecionado herde as propriedades de sua marca, como logotipo, cores, fontes e links de mídia social. Para saber mais, consulte nosso artigo dedicado Crie automaticamente seus e-mails com os ativos de sua marca usando a Biblioteca de marcas.

🔤 Adicionar fontes ao editor de e-mail

Ao projetar seu e-mail, as fontes seguras são exibidas por padrão nas listas suspensas de seleção de fontes. No entanto, você pode adicionar e misturar todos os tipos de fontes (Google, Safe e fontes personalizadas). Você também pode configurar fontes de reserva para serem usadas nos cabeçalhos e parágrafos se as fontes selecionadas originalmente não forem compatíveis com o dispositivo dos destinatários. 

Para adicionar e configurar fontes: 

  1. No editor de e-mail, clique em Style (Estilo) na barra lateral esquerda e expanda Text Appearance (Aparência do texto).
  2. No menu suspenso Paragraph and Headings (Parágrafo e cabeçalhos), você pode selecionar fontes seguras que estão disponíveis por padrão. No entanto, você pode adicionar fontes do Google ou personalizadas clicando em + Add web fonts (Adicionar fontes da Web) ⬇️.
    2022-03-16_15-12-30__1_.gif
  3. Você é redirecionado para a página Add fonts (Adicionar fontes). Você também pode:
    🖱️ Selecionar as fontes do Google

    Selecione a(s) fonte(s) que deseja usar na lista existente ou digite o nome da fonte para procurá-la na biblioteca do Google Fonts e selecione-a.
    email_google-fonts_en-us.jpg

    ➕ Adicionar uma fonte personalizada
    1. Na página Add fonts (Adicionar fontes), clique na guia Custom font (Fonte personalizada) e clique em + Add custom font (Adicionar fonte personalizada)
    2. No campo Web font link (Link da fonte da Web), insira o URL da fonte.Para saber mais sobre como recuperar o URL da sua fonte, verifique as informações na guia Custom font (Fonte personalizada) em Quais fontes podem ser usadas no design do meu e-mail?.
    3. No menu suspenso Font family (Família de fontes), escolha o nome que você deseja usar para a fonte. Exibimos automaticamente os nomes definidos no arquivo CSS em que a fonte está salva.
    4. Clique em Add to list (Adicionar à lista)
      email_custom_font_en-us.jpg
    5. Na guia Fonte personalizada (Custom font), selecione a fonte personalizada que acabou de adicionar para salvá-la na lista de fontes.
      email_select-custom-font_en-us.jpg
  4. Opcional: por padrão, suas fontes de reserva serão Arial. Para editá-las, role para baixo na página Add web fonts (Adicionar fontes da Web) para acessar a seção Fallback for all web fonts (Reserva para todas as fontes da Web). Selecione a(s) fonte(s) de reserva que gostaria de usar para os cabeçalhos e outros textos, caso o cliente de e-mail dos destinatários não seja compatível com as fontes do Google ou personalizadas que você selecionou originalmente.
  5. Clique em Add selected fonts (Adicionar fontes selecionadas).
    email_fallback-font_en-us.jpg

🎉 Agora, você pode selecionar a(s) fonte(s) que adicionou em qualquer lista suspensa de seleção de fontes no editor de e-mail e aplicá-la(s) a qualquer texto do e-mail. 

email_brand-library_custom-font_en-us.gif

✍️ Editar ou excluir uma fonte

Para editar as fontes que você adicionou: 

  1. No editor de e-mail, clique em Style (Estilo) na barra lateral esquerda e expanda Text Appearance (Aparência do texto).
  2. Role para baixo nas configurações de Text appearance (Aparência do texto) e clique em + Add web fonts (Adicionar fontes da Web) .2022-03-16_15-12-30__1_.gif
  3. Você é redirecionado para a página Add fonts (Adicionar fontes). A partir daí, você pode editar ou excluir suas fontes:
    Fonte do Google Fonte personalizada Fontes de reserva
    Desmarque as fontes do Google que você não deseja mais ter em suas listas suspensas de seleção de fontes.
  4. Clique em Add selected fonts (Adicionar fontes selecionadas)

⏭️ O que vem a seguir?

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 12 de 55