Entendendo as fontes no e-mail

Estimado 5 minuto de leitura
|
Atualizado 22 de ago. de 2024, 10:38 EST
O senhor aprenderá 

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. 

Como as fontes funcionam

Como as fontes funcionam

As fontes são representações de texto e podem ser usadas em mídia impressa ou on-line. O senhor certamente está 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

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

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

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 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 para serem usadas 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 pode usar, e elas dão ao senhor mais controle sobre como sua mensagem aparece quando alguém a visualiza em um dispositivo que não é compatível com 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

Como as fontes funcionam no e-mail

Alguns clientes de e-mail suportam fontes da Web; outros não. Quando alguém abrir seu e-mail em uma caixa de entrada ou em um dispositivo que não seja compatível com 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 específica: O Gmail é compatível com o Roboto. 

Otimização de seus e-mails

Otimização de seus e-mails

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

Dicas para usar fontes personalizadas

Se preferir usar uma fonte personalizada, seja criativo para garantir que seus e-mails tenham um bom design em todos os dispositivos usando as dicas abaixo. 

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

Recursos adicionais

Esse artigo foi útil?
Use esse formulário somente para fazer comentários sobre artigos. Saiba como entrar em contato com o suporte.

Saiba mais sobre a Klaviyo

Comunidade
Conecte-se com colegas, parceiros e especialistas da Klaviyo para encontrar inspiração, compartilhar percepções e obter respostas para todas as suas perguntas.
Treinamentos ao vivo
Participe de uma sessão ao vivo com especialistas da Klaviyo para aprender sobre as práticas recomendadas, como configurar os principais recursos e muito mais.
Suporte

Acesse o suporte por meio da sua conta.

Suporte por e-mail (teste gratuito e contas pagas) Disponível 24 horas

Chat/assistência virtual
A disponibilidade varia conforme o local e o tipo de plano