Como encontrar e usar fontes suportadas por e-mail para design e legibilidade

Você já criou um e-mail ao acaso e escolheu a primeira fonte que viu? Clique em enviar. Está bom para ir?

Quando se trata de design de e-mail, sua escolha de fonte pode fazer uma grande diferença entre um assinante clicar ou seguir em frente. Eles não apenas ajudam a tornar seu e-mail mais atraente visualmente, mas também podem melhorar a legibilidade geral. A aparência, a disposição e o estilo trabalham juntos para criar uma tipografia única - que é onde seu e-mail pode brilhar.

Embora não haja nada de errado em utilizar fontes tradicionais - como Arial ou Times New Roman - para comunicar sua mensagem, existem muitas fontes exclusivas por e-mail que levarão suas campanhas ao próximo nível.

Se você está se perguntando como encontrar e usar fontes da web suportadas por e-mail para dar um salto em sua campanha por e-mail, nós estamos ajudando você! Vamos mergulhar em como você pode melhorar seu engajamento e legibilidade usando fontes da web corretamente.

O que são fontes da web?

Antes de começar a ser criativo, você precisa saber a diferença entre as fontes da web e as fontes seguras da web.

• Fontes seguras para a Web: essas fontes são mais prováveis ​​de serem encontradas em todos os principais sistemas operacionais e provedores de e-mail e incluem Arial, Verdana, Georgia, Times New Roman e Courier. As marcas continuam a usá-los porque são clássicos e serão renderizados corretamente em toda a linha.

• Fontes da Web: especificamente projetadas e licenciadas para sites, as fontes da Web não são encontradas em todos os dispositivos e sistemas operacionais por padrão. As fontes da Web incluem Roboto e Open Sans.

Embora às vezes você precise usar fontes tradicionais, as fontes da web permitem ao designer mais criatividade para ajudar a transmitir a mensagem e a estética da marca, sem se limitar ao texto pré-instalado.

Por que as fontes suportadas por e-mail são importantes?

Como profissional de marketing por e-mail, você sabe que é importante manter a marca com estilo, cores e tipografia. No entanto, você também precisa criar uma mensagem envolvente que ressoe com seus assinantes. Fontes com suporte para e-mail agem como uma extensão de sua marca, permitindo que você utilize o texto no título, corpo e sobreposição de imagem para criar sua mensagem de maneira criativa - e acessível.

Se sua marca for um pouco boba, você pode se tornar grande e usar um tipo divertido e estiloso. No entanto, se você tem mais interesse nas notícias, pode optar por algo mais padrão. As fontes da Web oferecem flexibilidade e criatividade.

Onde você pode encontrar fontes da web?

Embora existam muitos provedores de fontes da web por aí, você deseja garantir que a empresa licencie as fontes da web no e-mail (não apenas para uso em sites ou celulares) e siga suas diretrizes de distribuição. Os fornecedores de fontes com suporte para e-mail recomendados incluem:

• Fontes do Google

• Typekit da Adobe

• MyFonts

• Tipo Comercial

• Font Spring

• Loja de fontes

Quais clientes de e-mail oferecem suporte a fontes da web?

Ao ir além das fontes seguras para a Web, você usará fontes baixadas à medida que as mensagens são abertas. É importante observar que nem todos os dispositivos oferecem suporte a fontes específicas - portanto, você configurará as folhas de estilo em cascata para criar “pilhas de fontes”. Essas pilhas de fontes são usadas como backups caso a fonte selecionada não se integre.

Depois de escolher as fontes da web, é importante considerar como o provedor de serviços de e-mail real será exibido. Normalmente, esses clientes de e-mail oferecem suporte a fontes da web:

• iOS Mail

• Apple Mail

• Android (cliente de e-mail padrão)

• Outlook 2000

• Outlook.com

• Thunderbird

Se um provedor de e-mail não exibe as fontes da web - nem tudo está perdido - é por isso que você configurou essas pilhas de fontes úteis como backup. As pilhas de fontes garantirão que seu e-mail ainda tenha uma estética semelhante à que você pretendia originalmente. Além disso, cada cliente de e-mail possui uma fonte padrão que os assinantes verão em vez de sua fonte da web. Os padrões incluem:

• Gmail: Arial

• Apple Mail: Helvetica

• Microsoft Outlook: Calibri

Como escolher as fontes da web certas para sua campanha de e-mail

Agora que você entende o básico sobre as fontes da web, é hora de descobrir as melhores maneiras de escolher a tipografia certa para suas campanhas de e-mail. Fontes suportadas por e-mail são cruciais para entregar sua mensagem e ter a possibilidade de aumentar as taxas de cliques e taxas de conversão.

Pense desta forma - os humanos são visuais. Com que frequência você comprou um produto no supermercado simplesmente por causa de sua embalagem divertida e colorida? O mesmo vale para e-mails. É mais provável que seus assinantes abram, cliquem e comprem de seus e-mails se não apenas o conteúdo for atraente para eles, mas também for entregue em um design visualmente atraente.

Com centenas de fontes da web diferentes para escolher, aqui estão três maneiras de restringir suas seleções para escolher a melhor fonte suportada por e-mail para suas campanhas.

1. Selecione a fonte correta do corpo.

A fonte do corpo deve ser distinguível e acessível para leitura por pessoas com deficiência visual. Se você tiver mais conteúdo no corpo, é recomendável usar uma fonte serif - como Georgia e Verdana - que tenha texto com blocos mais longos.

Embora Arial e Helvetica já tenham sido as escolhas populares, letras como p, b, q e d parecem muito uniformes e são mais difíceis de distinguir. Com uma fonte serifada, traços extras são adicionados para dar mais caráter às letras. Como os e-mails precisam ser escaneados, as letras largas e com espaçamento consistente ajudam os assinantes a ler rapidamente.

Fonte: W3Schools

Veja este exemplo CAVA Dips, que utiliza uma fonte de corpo serif de fácil leitura, combinada com um título e uma frase de chamariz mais estilizados.

Fonte: Emails realmente bons

Embora o serif seja ideal para e-mails mais longos, o uso de uma fonte sans serif ainda é legível e aceitável. Com apenas uma linha de corpo de texto, Cater 2 Me acertou em cheio no design de suas fontes para a web. É um golpe e vai direto ao ponto, sem distrair.

Fonte: Emails realmente bons

2. Use um cabeçalho estilizado com uma fonte de corpo emparelhada.

Embora isso possa parecer mais “simples”, usar a mesma fonte para o cabeçalho e o corpo ajudará a estabelecer uma identidade de marca melhor e garantirá que a mensagem inteira apareça no cliente de e-mail. Ao desenvolver seu e-mail, certifique-se de que o cabeçalho e o corpo sejam de tamanhos diferentes e tenham preenchimentos e estilos variados para diferenciar melhor entre os dois. Também é importante observar que quanto mais fontes da web você tiver, mais tempo seu e-mail demorará para carregar - o que é outra vantagem de usar apenas uma fonte.

Veja este exemplo de Lululemon. A empresa utiliza títulos que têm o dobro do corpo do texto com preenchimento suficiente entre os dois. Os assinantes podem diferenciar facilmente entre os dois elementos enquanto criam um design limpo e clássico.

Fonte: Emails realmente bons

No entanto, se você quiser ser mais criativo, combinar fontes diferentes que se complementam pode ajudar a se destacar na caixa de entrada e manter os assinantes envolvidos. É recomendável usar apenas duas fontes da web por e-mail, mas pode ser complicado porque você não quer que as fontes fiquem ilegíveis e inacessíveis. Se você está procurando uma maneira de descobrir fontes comparáveis, pode utilizar o Font Pair para ajudar a encontrar os parings de fontes mais impactantes para o design de seu e-mail.

A Tattly faz um ótimo trabalho em emparelhar duas fontes diferentes, ao mesmo tempo em que se mantém em dia com os padrões de sua marca. O título imediatamente chama sua atenção e atrai seus olhos para o corpo para ver o que a venda acarreta. Devido às imagens, você pode dizer que esta marca é mais alegre - portanto, as fontes múltiplas funcionam.

Fonte: Emails realmente bons

3. Crie uma estrutura de fonte consistente.

Depois de selecionar as fontes da web, você tem muitos outros elementos a considerar, como tamanho da fonte, espaçamento, links e botões, cores e muito mais. Esses recursos ajudarão a manter seus e-mails consistentes, independentemente do estágio da jornada do cliente em que seus assinantes se encontram.

• Fonte: para o corpo do texto, a fonte deve ter o tamanho de 14 px no desktop e 16 px para dispositivos móveis. Ao usar um design responsivo, verifique se as fontes suportadas por e-mail irão flutuar automaticamente entre os tamanhos de tela.

• Espaçamento: especialmente entre o título e o texto do corpo, certifique-se de ter uma linha de altura ampla entre 22 px e 24 px. Espaços muito estreitos podem diminuir a legibilidade e o envolvimento.

• Links e botões: ao criar links e botões, não use uma fonte separada para sublinhar sua frase de foco e verifique se ela inclui o link de âncora. Os botões são uma ótima maneira estilizada de chamar a atenção para sua frase de chamariz.

• Cores: use apenas três cores que se identifiquem com os padrões de sua marca - uma cor para seu cabeçalho, uma para seu corpo e a última para seus links.

Embrulhar

Se você está pensando em usar fontes da web em suas campanhas de e-mail - dizemos, vá em frente! As fontes da web são uma ótima maneira de cativar seu público e ajudar a transformar seus clientes potenciais em clientes com um design de e-mail impactante. Ao escolher as fontes com suporte para e-mail, certifique-se de:

• Crie pilhas de fontes de backup

• Utilize um estilo de fonte serif

• Emparelhe o texto do cabeçalho com o corpo do texto

• Desenvolva uma estrutura de fonte consistente para todas as campanhas futuras

Você está pronto para começar a criar suas próprias campanhas de e-mail com fontes da web? Emma oferece um editor de arrastar e soltar e a capacidade de codificar e-mails completamente do zero. Experimente uma demonstração hoje para saber mais!