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 funcionamComo 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 sistemaSobre 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 webSobre 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 reservaSobre 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-mailComo 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-mailsOtimizaçã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
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