Entendendo as fontes no e-mail

read
Last updated at:

O senhor aprenderá 

Saiba mais sobre as oportunidades e limitações do uso de fontes on-line e como enviar e-mails que se alinham à sua marca. 

O senhor está procurando informações sobre como usar fontes personalizadas? Saiba como usar fontes personalizadas.

Como as fontes funcionam

As fontes são representações de texto e podem ser usadas em mídia impressa ou on-line. Talvez o senhor esteja familiarizado com algumas das fontes mais comuns, como Arial ou Times New Roman, mas há milhares de outras fontes que podem ser usadas para comunicar e representar sua marca. 

Com a mídia on-line (como sites ou e-mails), as opções de fontes são praticamente ilimitadas. No entanto, quando o senhor compartilha sua criação com outra pessoa, ela pode não ter exatamente a mesma aparência, pois nem todos os dispositivos têm acesso às mesmas fontes. 

Há duas maneiras principais de um dispositivo acessar e usar uma fonte: fontes do sistema (ou seja, fontes armazenadas no dispositivo que o usuário está usando) e fontes da Web (ou seja, fontes carregadas de um servidor externo)

Sobre as fontes do sistema

Os computadores e telefones vêm pré-carregados com uma variedade de fontes. Há algumas fontes comumente instaladas (a maioria dos dispositivos vem com Georgia e Verdana, por exemplo), mas os dispositivos podem variar muito em relação ao que incluem por padrão. As fontes que são usadas pela maioria dos dispositivos são chamadas de fontes "seguras para a Web". 

Sobre fontes da web

Diferentemente das fontes seguras para a Web, as fontes da Web são carregadas de um servidor externo ao mesmo tempo que o conteúdo que o usuário está visualizando. As fontes personalizadas geralmente são fontes da Web. Se o senhor usar uma fonte da Web, deverá definir também uma fonte alternativa segura para a Web, caso um determinado dispositivo não consiga carregar a fonte da Web. 

Sobre fontes de reserva

Quando o senhor visualiza qualquer coisa on-line, seja uma página da Web ou um e-mail, há um CSS (código usado para estilizar o conteúdo on-line) nos bastidores que informa ao dispositivo qual fonte deve ser exibida. Se o seu dispositivo não puder acessar a fonte, ele verificará se há uma "fonte alternativa" no CSS (uma fonte ou fontes selecionadas pela pessoa que criou o site ou a mensagem de e-mail, a ser usada caso a fonte preferencial não esteja disponível). As fontes de fallback devem ser fontes seguras para a Web que a maioria dos dispositivos possa usar. Elas permitem que o senhor tenha mais controle sobre a aparência da mensagem quando alguém a visualiza em um dispositivo que não oferece suporte a fontes personalizadas/web. 

Se não houver uma fonte alternativa disponível, ou se a fonte alternativa não for compatível com o dispositivo que está sendo usado, o dispositivo usará uma fonte padrão, como Arial ou Times New Roman. As fontes padrão variam muito entre dispositivos e aplicativos. 

Como as fontes funcionam no e-mail

Alguns clientes de e-mail oferecem suporte a fontes da Web, mas outros não. Quando alguém abrir seu e-mail em uma caixa de entrada ou em um dispositivo que não ofereça suporte a fontes da Web, verá uma fonte padrão sendo usada em seu lugar. O senhor pode controlar quais fontes do sistema são usadas como backups, definindo uma fonte alternativa.

Se alguém abrir seu e-mail em um dispositivo compatível com fontes da Web, ele carregará a fonte a partir do URL fornecido no CSS do e-mail. Se o dispositivo puder acessar a fonte, ele a exibirá; caso contrário, passará para as fontes alternativas. 

Os seguintes clientes de e-mail oferecem suporte a fontes da Web (personalizadas): 

  • Apple Mail
  • iOS Mail (o navegador de e-mail padrão no iOS)
  • Google Android (exceto o Android 2.3, que não é compatível com o método @import usado pelas fontes do Google e da Adobe)
  • Samsung Mail (Android 8.0)
  • Outlook para Mac

Observe que o Gmail, um dos maiores clientes de e-mail, geralmente não oferece suporte a fontes da Web. No entanto, há uma exceção: O Gmail suporta o Roboto. 

Otimização de fontes em seu e-mail

A melhor maneira de garantir que seu e-mail tenha uma aparência consistente em todos os dispositivos é usar uma fonte segura para a Web. As fontes padrão do Klaviyo geralmente são seguras para a Web. Encontre as fontes fornecidas pela Klaviyo: 

  • Conteúdo > Imagens & Marca > Ativos da marca
  • A guia Styles de seus e-mails
  • A seção Styles de qualquer bloco de e-mail que contenha texto 
  • A guia Styles do editor de formulários de inscrição 

Três das fontes fornecidas pelo Klaviyo não são compatíveis com alguns dispositivos: Century Gothic, Tahoma e Apple Black. Essas fontes não vêm pré-instaladas em dispositivos iOS (por exemplo, iPhones), portanto, se o senhor usar essas fontes, elas poderão aparecer como a fonte padrão da caixa de entrada quando visualizadas em um dispositivo iOS. 

Dicas para usar fontes personalizadas

Se o senhor preferir usar uma fonte personalizada, use as dicas abaixo para garantir que seu e-mail tenha um bom design em todos os dispositivos. 

Use fontes alternativas

Selecione uma fonte alternativa segura para a Web que corresponda à sua fonte personalizada o mais próximo possível. O senhor pode selecionar uma fonte alternativa entre as fontes padrão do Klaviyo ao configurar a fonte personalizada.

Usar texto em imagens

Embora um e-mail só com imagens possa prejudicar sua capacidade de entrega, o senhor pode usar estrategicamente uma combinação de texto em imagens e texto em blocos de texto para criar um e-mail que se alinhe à sua marca. Escolha uma fonte personalizada e de marca para os títulos e chamadas para ação (CTAs) e combine-a com uma fonte segura para a Web a ser usada no corpo do texto. 

Use imagens com a fonte de sua marca para selecionar o texto e certifique-se de adicionar o texto alternativo ao adicionar as imagens ao e-mail. Em seguida, aplique a fonte segura para a Web ao restante do texto em seu e-mail. O resultado é um e-mail com a marca que corresponde ao seu site e, ao mesmo tempo, é acessível para as caixas de entrada dos seus assinantes. 

Teste minuciosamente

Independentemente dos métodos que o senhor escolher, teste seus e-mails minuciosamente, especialmente ao usar um novo design. Envie o e-mail para si mesmo em vários dispositivos para garantir que esteja satisfeito com a aparência em cada um deles. O senhor também pode usar programas de teste de e-mail como o Litmus ou o Email on Acid para testar usando uma variedade maior de dispositivos. 

Recursos adicionais

x
Esse artigo foi útil?
Usuários que acharam isso útil: 37 de 64