A maioria das empresas com seguimentos sólidos abraçaram completamente tudo o que o e-mail marketing tem a oferecer até este ponto. Boletins eletrônicos, autor esponders, etc. O e-mail marketing tem sido uma maneira consistente de manter seu dedo no pulso das necessidades de seu cliente enquanto simultaneamente promove todos os produtos ou serviços mais recentes que você tem a oferecer.

O fato de que você pode chegar aos clientes muito depois de eles terem saído de seu site é tão poderoso. No entanto, qualquer e-mail antigo simplesmente não serve. Como você apresenta seu conteúdo de e-mail é uma parte essencial para captar a atenção e incentivar os clientes a realmente lerem seus e-mails em vez de excluí-los à vista.

O design desempenha aqui um papel crucial. Mas provavelmente um dos aspectos mais importantes a atender é sua escolha da fonte. As fontes seguras por e-mail facilitam a leitura do que você tem a dizer, o que significa que será mais provável que você obtenha essa conversão.

É isso que estaremos discutindo aqui hoje.

O que são fontes seguras por e-mail?

É tentador usar fontes extravagantes para seus e-mails. Afinal de contas, você quer causar uma impressão positiva. E você quer fazer com que seu conteúdo se destaque. Entretanto, fontes especiais nem sempre serão exibidas corretamente em todos os clientes de e-mail. Na verdade, se uma fonte não for suportada, um cliente de e-mail pode acabar usando uma fonte de retorno que pode estragar seu tom pretendido na melhor das hipóteses ou, na pior das hipóteses, obscurecer a legibilidade de seu conteúdo.

É por isso que é altamente recomendável que você se limite às fontes seguras de e-mail somente quando estiver criando conteúdo de e-mail marketing. Chegaremos aos detalhes em um instante. Mas antes, vamos discutir brevemente como as boas escolhas de fontes podem realmente ter um grande impacto em sua taxa de conversão.

Como as boas fontes impulsionam as conversões

A maioria das pessoas gasta apenas 11 segundos em e-mails. Isso significa que qualquer fonte que você escolher precisa ser legível e escaneável. Elas precisam oferecer essa comodidade “at-a-glance”. Muitas vezes, isto significa confiar em fontes padrão que todos já estão familiarizados com elas. Parece entediante? A alternativa é pior. Na verdade, as pessoas levam o dobro do tempo para ler fontes extravagantes. E se as pessoas estão gastando apenas 11 segundos em um e-mail, isso é uma tonelada de tempo desperdiçado.

tempo de leitura
Roteiro vs. tempo de leitura de Sans serif

No entanto, não é apenas a fonte escolhida que tem um impacto nas conversões. O tamanho da fonte que você escolhe também importa. Na verdade, de acordo com a pesquisa realizada pelo Click Laboratory, aumentar ligeiramente o tamanho da fonte pode ter um impacto enorme em sua taxa de conversão.

A pesquisa envolveu o aumento de um bloco de texto definido para a fonte Arial de 10pt para 13pt. Também foi adicionado mais espaço entre as linhas de texto. A versão 13pt da fonte teve um desempenho muito melhor porque o conteúdo agora era mais fácil aos olhos e mais legível.

Esta pequena mudança reduziu a taxa de ressalto em 10% e aumentou a taxa de conversão em 133%! Tudo por causa de um aumento de dois pontos no tamanho da fonte!

Há também uma psicologia para suas escolhas de fontes. Isso se aplica principalmente aos logotipos, mas compensa ter essas informações em mente, já que você está selecionando fontes de e-mail também. Certos tipos de fontes têm certos “sentimentos” associados a elas. De acordo com Crazy Egg, os cinco tipos de fontes principais despertam emoções ou associações diferentes:

Fontes Serif

Exemplos incluem Times New Roman, Baskerville e Georgia. As fontes Serif exalam um senso de respeitabilidade, confiabilidade e tradição. As marcas mais antigas (ou aquelas que querem aparecer como se já existissem há décadas) fazem um uso sólido deste tipo de fontes para incutir confiança. O logotipo da Tiffany & Co serve como um exemplo sólido.

Tiffany and co
Tiffany & Co

Vogue, também:

vogue
Vogue

Fontes Sans Serif

Exemplos incluem Helvetica, Calibri, e Franklin Gothic. As fontes Sans serif dão um visual moderno, limpo, simples e direto. Essas fontes dão a impressão de confiabilidade e estabilidade. As fontes Sans serif são muito parecidas com as corporativas. A Netflix apresenta uma fonte sans serif:

netflix
Netflix

Fontes modernas

Exemplos incluem o Futura e o Century Gothic. As fontes modernas podem parecer elegantes, chiques, ou dar uma sensação geral de força. O logotipo da Hulu é um exemplo popular de uma que utiliza uma fonte moderna:

Hulu
Hulu

Fontes do Roteiro

Exemplos incluem o Edwardian Script e o Bickham Script. As fontes Script provavelmente não serão uma escolha sábia para uso em seus e-mails. Entretanto, elas causam um impacto quando usadas em logotipos e que poderiam funcionar para elementos gráficos. A Coca-Cola é um exemplo intemporal de uma fonte de script bem usada:

Coca-Cola
Coca-Cola

Mostrar fontes

Exemplos incluem Cooper e Valencia. Palavras e sentimentos comumente associados a fontes de exibição incluem um senso de individualidade ou singularidade, simpatia, ou expressividade. Para logotipos (e possivelmente cabeçalhos), as fontes de exibição podem causar um impacto real e se destacar. A Disney oferece um dos logotipos mais conhecidos do mundo, e apresenta uma fonte de exibição:

Disney
Disney

Com estas informações em mente, podemos agora passar a selecionar a melhor fonte para e-mails.

Tipografia de e-mail: Como escolher as melhores fontes

Agora você conhece os cinco tipos básicos de fontes que estão disponíveis (além de símbolos, suponho). E você sabe que tipos de fontes diferentes criam emoções diferentes em seus clientes. Mas como saber o tipo de fonte que a Coca-Cola utiliza se traduz na escolha da fonte certa para seus boletins de e-mail?

Vamos mergulhar.

Qualquer fonte que você escolher para usar nos e-mails de sua empresa precisa incluir as 4 qualidades a seguir:

Qualidade #1: Capacidade de leitura

Já mencionamos esta qualidade, mas é preciso repeti-la porque é de longe a mais importante. Se sua fonte não for legível, ninguém poderá ler seus e-mails. E se eles não puderem ser lidos, você certamente não pode esperar conversões, não é mesmo?

Qualidade #2: Clareza

Fontes limpas, nítidas e com linhas precisas são o que vai funcionar melhor em sua cópia de e-mail. Nada com flores ou rabiscos. E certamente nada com linhas superfinas ou leves. Fontes de tamanho maior também funcionam melhor. Faça de sua fonte um pt ou dois maiores do que você normalmente faria, assegure-se de que o peso da fonte seja decente (mas não ousado), e objetive um espaçamento de linhas de 1,15.

Qualidade #3: Psicologicamente Apropriada

Como mencionado acima, certos tipos de fontes têm sentimentos específicos associados a elas. Certifique-se de que a(s) fonte(s) selecionada(s) se encaixa(m) no humor geral que você está tentando transmitir com seu conteúdo, assim como o propósito de seu conteúdo. Parecer confiável ou como uma figura de autoridade pode ser benéfico se você estiver tentando vender algo, por exemplo.

Qualidade #4: Marca Apropriada

Da mesma forma, qualquer fonte que você escolher deve fazer sentido lógico para uso em sua indústria ou nicho. Se sua empresa tem um toque antiquado, o uso de uma fonte super moderna ou de estilo de exibição não seria adequado. Da mesma forma, se você dirige uma empresa baseada em tecnologia, algo rústico ou formal provavelmente também não seria o mais adequado. Tudo se resume ao que parece certo.

8 Melhores fontes para e-mail

Definimos fontes seguras para e-mail. Também falamos sobre como você pode restringir sua seleção de fontes. Mas agora é hora de chegar às especificidades de quais fontes são realmente seguras para e-mail e como pensar fora da caixa sem sacrificar a legibilidade ou prejudicar sua taxa de conversão.

As fontes básicas do Email-Safe

Existe um conjunto básico de fontes seguras (embora chato) para e-mail que a maioria dos clientes de e-mail pode reconhecer. Vamos dar uma olhada em cada uma delas agora.

Arial

arial
Arial

Arial é um tipo de letra muito comumente usado. Foi criado originalmente em 1982 por Patricia Saunders e Robin Nicholas da Monotype Imaging. Embora originalmente projetado para uso em uma impressora a laser IBM, desde então tornou-se um conteúdo favorito na web.

Verdana

verdana
Verdana

Verdana é uma fonte que foi projetada com telas em mente. Foi desenvolvida por Matthew Carter e apresenta caracteres amplos e grande espaçamento entre cada caracter para melhorar a legibilidade na tela. É outra escolha básica suportada pela maioria dos clientes de e-mail.

Helvetica

Helvetica
Helvetica

HelveticaE depois há a Helvetica, uma das fontes mais populares atualmente em existência. É legível, fácil de usar e é suportada pela maioria dos programas de processamento de texto, clientes de e-mail e navegadores web.

Georgia

georgia
Georgia

Georgia é outra fonte comum para encontrar suporte em clientes de e-mail. É inerentemente legível, apresenta letras em grande espaço e usa desenhos de caracteres que tornam cada letra distinta para evitar confusão. Há também uma boa variação entre pesos regulares e ousados, o que a torna útil para maior ênfase.

Tahoma

tahoma
Tahoma

Tahoma é outra opção que é suportada pela maioria dos clientes de e-mail. É uma das mais populares famílias de fontes sans serif nos sistemas operacionais Windows. Foi criado com a exibição na tela em mente, com clareza e legibilidade alcançável em fontes de tamanho ainda menor. Foi criada originalmente por Matthew Carter.

Lucida

lucida
Lucida

Ou, você poderia usar Lucida, uma outra família de fontes sem priorização de linhas limpas, um estilo claro e formas de letra distintas. O espaçamento das letras é mais amplo que o padrão e cada caractere é um pouco mais alto também, acrescentando mais elementos de legibilidade.

Trebuchet

trebuchet
Trebuchet

Trebuchet é outra opção disponível que você poderia facilmente usar em seus projetos de e-mail. Foi criado por Vincent Connare em 1996 e é uma fonte sans serif. Foi projetada para leitura de tela e apresenta alturas de linha maiores, bordas arredondadas e maior espaçamento entre caracteres.

Times New Roman

times new roman
Times new roman

Finalmente, há o Times New Roman, uma fonte que realmente não precisa muito de uma introdução. Ela tem uma aparência tradicional e é freqüentemente usada como a escolha padrão de fonte em programas de processamento de texto. É legível na tela e na impressão.

Seu cliente de e-mail pode ter acesso a outras fontes, mas as acima são as mais legíveis e as mais comumente reconhecidas.

Fontes de e-mail personalizadas

Se as escolhas básicas da fonte não forem atraentes para você, há outra opção. Você pode usar as HTML fontes para criar um visual mais personalizado. Entretanto, é importante observar que nem todo serviço de e-mail marketing pode ou irá exibir as fontes da web corretamente.

Mas antes, vamos fazer uma pausa para discutir como funcionam as fontes da web.

Como funcionam as fontes da Web

As fontes da web, como seu nome sugere, existem apenas na web. Elas não estão incluídas nos sistemas operacionais, dispositivos, aplicativos ou software. Elas existem on-line e podem então ser adicionadas a seus projetos através de trechos de código, plugins e outros meios. Na maioria das vezes, você encontrará fontes da web sendo utilizadas em websites. Vários clientes de e-mail atualmente suportam o uso de fontes da web, inclusive:

  • Android Mail
  • Apple Mail
  • iOS Mail
  • Outlook 2000
  • Outlook.com App
  • Thunderbird

No entanto, as fontes da Web não são suportadas por todos esses clientes de e-mail das mesmas maneiras. Algumas requerem apenas um link, enquanto outras requerem um trecho de código que importa a fonte da web. Mais sobre isso em um instante. É primeiro importante reconhecer que mesmo que um cliente de e-mail não suporte sua fonte web de escolha (ou seu método de inclusão), seu conteúdo não terá necessariamente um aspecto terrível.

A maioria dos clientes de e-mail inclui uma opção de recurso. Isto é, se a fonte web incluída em seu e-mail não for carregada corretamente, o cliente de e-mail servirá uma fonte de recurso em seu lugar. Geralmente é uma das opções genéricas que listamos acima, mas o bom aqui é a) seu conteúdo ainda será legível, b) seu conteúdo não ficará meio mal porque as fontes padrão se tornaram o padrão pela razão (são simples e fáceis de ler), e c) você pode freqüentemente selecionar qual fonte você gostaria de usar como fallback.

Para lhe dar uma idéia do que queremos dizer, a fonte padrão do Gmail é o Arial, enquanto o Apple Mail usa Helvetica. O Outlook usa Calibri enquanto o iOS usa San Francisco (uma fonte Apple criada especificamente para seus dispositivos que foi fortemente inspirada pela Helvetica Neue.

Se você decidir usar fontes web, você deve testá-las em várias plataformas antes de lançá-las.

Alguns serviços de e-mail marketing á incluem suporte a fontes da web. O Campaign Monitor, por exemplo, inclui várias opções de fontes da web em seu construtor de e-mail de arrastar e soltar e as opções de retorno são automaticamente definidas para você com o mínimo de confusão.

campaign monitor
Campaign Monitor Fontes Web

Se sua plataforma de e-mail marketing não inclui o suporte à fonte web nativamente, é provável que você possa adicioná-lo via código.

Há vários trechos de código que você pode usar para incorporar fontes da web em e-mails HTML.

<link>

O uso de <link> para adicionar fontes web aos seus e-mails é uma escolha popular. Qualquer fonte da web que você selecionar definirá a URL para você. Portanto, se você mesmo estiver hospedando a fonte, altere-a para a URL de sua fonte em seu site. Se a fonte estiver hospedada com o vendedor de fontes da web, use a URL que eles fornecem.

Você colocará o trecho de código na seção <head> do código do seu e-mail. Ele deve aparecer logo no início. Este método é suportado pela maioria dos clientes de e-mail e carrega bastante rapidamente. Você pode se deparar com alguns problemas, no entanto, se o arquivo de fonte da web estiver no lado maior.

Portanto, se você obtiver sua fonte web do Google Fonts, você verá o seguinte após selecionar os estilos de sua fonte e o link como seu método de incorporação preferido:

link
Roboto no Google Fonts

@importar

Outra forma de adicionar fontes da web aos e-mails é usar @import. Esta é super simples e funciona bem também na maioria dos clientes de e-mail. O único soluço é com algumas versões mais antigas do Android.

Assim como com o <link> código snippet, você inserirá @import na seção <head> de seu e-mail também. Novamente, no Google Fonts, isto é o que você vê depois de selecionar uma fonte, seus estilos e clicar na bolha ao lado de @import:

@importar para a fonte Roboto
@importar para a fonte Roboto

Se você estiver usando um serviço de fonte web diferente, você pode não receber um código embutido como este e, em vez disso, precisará digitar você mesmo o trecho do código. Use a URL que seu serviço de fontes da web lhe fornece, ou se você mesmo escolher hospedar a fonte, use o link apropriado em seu servidor.

@font-face

Esta regra faz com que você possa baixar uma fonte de um servidor ou hospedá-las para que possam ser usadas em um website, ou neste caso, em seus e-mails. Funciona de forma semelhante aos dois métodos anteriores, pois faz o download de fontes na hora para que possam ser usadas em seu website ou em suas mensagens de e-mail. Como com todos os outros métodos aqui discutidos, você cola este trecho de código na seção <head> do HTML de seu e-mail.

Portanto, de acordo com a Mozilla, se você fosse adicionar a fonte Open Sans aos seus e-mails, você usaria o seguinte código snippet:

@font-face{

font-family:"Open Sans";

src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),

url("/fonts/OpenSans-Regular-webfont.woff")format("woff");

}

Especificando as alternativas da fonte Web

Embora você sempre queira a fonte da web que você selecionou cuidadosamente para trabalhar, nem sempre será esse o caso. Seja devido a erro do servidor ou compatibilidade do sistema, é uma boa idéia não deixar a opção de recurso selecionada ao acaso. Assim, usando @font-face novamente, você pode realmente especificar qual fonte local você quer que seja usada no caso de sua fonte web preferida não poder ser baixada.

Podemos usar o mesmo trecho de código referido acima e apenas modificá-lo para incluir uma opção de fonte de recurso:

@font-face{

font-family:"Open Sans";

src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),

url("/fonts/OpenSans-Regular-webfont.woff")format("woff");

local("Helvetica")

}

Onde encontrar fontes da Web para usar em seus e-mails

Há vários lugares online onde você pode encontrar fontes da web. Basta estar atento a quaisquer requisitos de licenciamento que eles tenham. Cada site pode ter especificações diferentes que você precisa seguir, portanto, tenha isso em mente.

  • Google Fonts: Este é um dos lugares mais populares para encontrar fontes da web atualmente, oferecendo uma biblioteca de fontes de código aberto para usar em qualquer lugar e a qualquer momento. Atualmente, conta com 1.020 famílias de fontes.
  • Fonts.com: Este é outro recurso fantástico para fontes de todos os tipos, desde o desktop até a fonte web. Na verdade, é a loja Monotype e apresenta mais de 150.000 fontes para navegar e talvez comprar.
  • Typography.com: Esta é a vitrine da H&Co, uma fundição que inclui 1.500 tipografias que podem ser usadas na web e para impressão.
  • Font Squirrel: Se você estiver procurando por uma seleção totalmente gratuita, o Font Squirrel pode se encaixar na conta. Este site apresenta apenas fontes gratuitas que podem ser usadas para fins comerciais.
  • Adobe Fonts: Anteriormente conhecida como Typekit, Adobe Fonts inclui milhares de fontes à escolha, todas elas disponíveis com uma assinatura Creative Cloud.
  • Fontspring: Embora você tenha que comprar as fontes da web listadas na Fontspring, elas estão disponíveis sem assinatura e normalmente incluem licenças ilimitadas para maior comodidade.
  • MyFonts: Este é outro empreendimento de propriedade da Monotype, com listagens para toneladas de fontes tanto para impressão como para web.
  • Village: Este é na verdade um coletivo de várias fundições que se uniram para vender suas fontes de forma independente.
  • Process Type Foundry: Esta é uma pequena empresa que foi fundada em 2002 por dois designers de tipos e eles vendem as fontes que fazem para o público em geral.
  • FontShop: Finalmente, há a FontShop, outra loja Monotype e local para navegar e comprar fontes da web.

Fontes da Web de alta qualidade e de leitura

Se você precisar de alguma inspiração, a seguir estão todos os exemplos de fontes da web que são fáceis de ler e podem ser adicionadas aos seus e-mails usando os métodos descritos acima.

Open Sans

Open Sans

Open Sans é uma fonte de sans serif altamente legível que é ideal para leitura na tela. Ela foi projetada por Steve Matteson e apresenta formas abertas. Todas as letras são fáceis de ler e também têm boa aparência em todos os tamanhos.

Roboto

Roboto

Roboto é outra fonte web de alta qualidade que fica ótima nas telas. Tem um desenho geométrico com curvas abertas, criando uma dicotomia apelativa que simplesmente funciona. Cada letra mantém uma largura natural, resistindo à rigidez típica das fontes grotescas.

Raleway

Raleway

Ou, você poderia optar pela Raleway, outra fonte sem serifa que oferece linhas mais finas e um apelo mais elegante. A família typeface foi originalmente projetada por Matt McInerney, depois ampliada por Pablo Impallari e Rodrigo Fuenzalida.

Century Gothic

century gothic
Century Gothic

A Century Gothic é uma fonte web que oferece um visual clássico. E faz sentido que este seja o caso, pois na verdade é uma versão modernizada de fontes mais antigas dos anos 1920 e 30. Ela tem amplo suporte através de navegadores e é legível em telas.

Proxima Nova

proxima nova
Proxima Nova

Proxima Nova é outra opção de fonte web que é, na verdade, uma versão re-envisionada da fonte Proxima Sans, que foi criada pela primeira vez em 1994. A fonte é um pouco geométrica, mas também natural, e faria uma excelente seleção para sua cópia de e-mail.

Quasimoda

quasimoda
Quasimoda

Quasimoda é uma fonte elegante da web que é fácil aos olhos e universal em seu apelo. Foi criada por Lettersoup, um tipo de fundição com sede em Berlim, Alemanha, que foi iniciada por Botio Nikoltchev em 2014.

PT Sans Pro

pt sans pro
PT Sans Pro

O PT Sans Pro pode ser exatamente o que você está procurando em uma fonte web. Ela oferece formas de letras arredondadas e um visual natural. Foi projetada pela Paratype, uma empresa de fontes digitais que teve seu início na década de 1980.

Brandon Grotesque

brandon grotesque
Brandon Grotesque

A fonte da web Brandon Grotesque foi criada pela HVD Fonts. A HVD foi fundada por Hannes von Döhren e a empresa se concentra na criação de fontes de fácil leitura, profissionais, porém elegantes, que funcionam para qualquer número de aplicações.

Sofia Pro

sofia pro
Sofia Pro

Sofia Pro é uma fonte sans serif que foi projetada pela Mostardesign em 2008. Ela mantém um senso de modernidade e, ao mesmo tempo, inclui formas arredondadas. Ela atinge um equilíbrio sólido entre os desenhos harmoniosos e os geométricos.

Museo Sans

museo sans
Museo Sans

Finalmente, há o Museo Sans, que é uma nova tomada da popular fonte Museo. Ela apresenta um design geométrico sem serifa que pode ser usado tanto em manchetes como em textos copiados. É legível e polivalente, tornando-o um cavalo de batalha para e-mails. Foi projetado pela Exljbris em 2008.

Uma nota sobre o uso de imagens em e-mail vs. texto

Se você incorporar uma imagem como um pôster ou mesmo uma captura de tela de texto escrito em uma fonte bonita, isso pode ser uma forma de contornar a questão das fontes seguras por e-mail. Isto vem com seus próprios problemas, entretanto, já que as imagens nos e-mails nem sempre são exibidas, ou podem não ser exibidas corretamente em algumas telas. Há também a questão dos leitores de tela, que, a menos que você inclua texto alt, não saberão o que a imagem diz.

Tenha cuidado ao usar imagens em e-mails e use-as apenas para melhorar o conteúdo de sua mensagem, não para fornecer informações-chave. Portanto, se você quiser anunciar uma venda especial em seu website, não inclua apenas uma imagem de seu cartaz de venda com os detalhes do produto listados nele e ligue para ele por um dia.

Você, no mínimo, precisa incluir o texto da imagem também como texto simples. Melhor ainda, evite completamente esta redundância e use apenas texto seguro por e-mail e salve as imagens para um interesse visual ocasional.

A única exceção baseada em texto que posso pensar que faria o uso de texto como imagem apropriada é um logotipo, onde o nome da empresa ou marca já é um dado adquirido.

Resumo

Não apenas qualquer fonte serve quando se envia mensagens de e-mail a clientes potenciais e clientes. Na verdade, não escolher uma boa fonte pode prejudicar significativamente sua taxa de conversão. Portanto, as fontes que você escolher precisam ser seguras, causar uma boa impressão e oferecer uma excelente legibilidade.

Neste artigo, revisamos os principais tipos de fontes que existem e o impacto psicológico que podem ter. Apresentamos exemplos de fontes que a maioria dos clientes de e-mail apóia. Também falamos sobre fontes web, como você pode adicioná-las ao seu site, assim como oferecemos recursos e exemplos de fontes web que você pode usar para começar.

Esperamos que agora você tenha uma idéia melhor sobre o impacto das fontes seguras de e-mail. E com este guia em mãos, você pode fazer escolhas informadas ao se aproximar de sua próxima campanha de e-mail.

Brenda Barron

Brenda Barron é jornalista e redatora da Califórnia. Ela contribui para sites como WPMU DEV, Envato e Torque.