Tudo o que você precisa saber sobre o uso de fontes da Web no marketing por e-mail

O e-mail marketing tornou-se uma indústria muito competitiva. Com muitas empresas vendo o valor que tem, todos o adotaram como um de seus principais canais de marketing.

É por isso mesmo que você precisa criar e-mails que se destaquem dos 122 e-mails que seu cliente recebe todos os dias. Uma maneira de fazer isso é usar uma fonte da web na tipografia de e-mail para criar e-mails exclusivos.

O que são fontes da web, você pergunta?

Entendendo as fontes da web

As fontes da Web permitem que você crie e-mails exclusivos usando tipografia mais criativa. Em suma, essas são fontes não padrão. Como profissional de marketing por e-mail, você tem dois tipos de fontes fora do padrão que pode usar para embelezar seus e-mails. Estas são fontes da web e fontes seguras para a web. Embora possam soar iguais, são totalmente diferentes.

Fontes da Web

As fontes da Web são encontradas como fontes padrão em dispositivos e sistemas operacionais específicos. Eles são projetados para serem usados ​​em sites, daí seu nome. As fontes da Web não são tão comuns quanto as fontes seguras para a Web.

Fonte: E-mails realmente bons

Fontes seguras para a Web

As fontes seguras para a Web são encontradas na maioria dos sistemas operacionais e dispositivos. Exemplos incluem:

• Arial

• Verdana

• Geórgia

• Times New Roman

• Correio

As fontes seguras para a Web são comuns à maioria dos dispositivos e normalmente são usadas para e-mails ativos.

Então, por que você deveria se preocupar em usar fontes da web em vez de fontes seguras para a web?

O caso da fonte da web no email

Como dito anteriormente, a batalha pela atenção nas caixas de entrada de seus clientes é realmente acirrada. Para ganhar, você precisa oferecer aos seus leitores uma experiência única. Uma forma de fazer isso é usar fontes web, afinal, elas são únicas.

Outro grande motivo para usar fontes da web é que elas ajudam a criar e retratar a personalidade online de uma marca. Aqui está um ótimo exemplo do Net-A-Porter.

Fonte: E-mails realmente bons

Como uma marca que atende a compradores sofisticados, a fonte da web escolhida definitivamente retrata bem a voz e a personalidade da marca.

As fontes da Web podem ser usadas para muitas coisas, desde aprimorar a beleza estética de um email até definir o clima da sua mensagem. Afinal, a comunicação não é apenas sobre a mensagem, mas também envolve como a mensagem é transmitida. E para mídia escrita como e-mail, a aparência (sim, incluindo tipografia) aprimora sua mensagem.

Todos os clientes de e-mail exibem fontes da Web?

É aqui que se torna um pouco complicado. Nem todos os clientes de e-mail suportam fontes da Web, tornando-se um pouco arriscado usá-las. No entanto, os 10 principais clientes de e-mail populares usam fontes da Web de suporte, como:

• Correio iOS

• Apple Mail

• Android (cliente de e-mail padrão, não aplicativo Gmail)

• Outlook 2000

• Aplicativo Outlook

• Correio Samsung

Embora o Gmail não suporte fontes da web, ele introduziu uma nova interface em 2018 que suporta duas fontes da web, ou seja, Google Sans e Roboto. Isso significa que, se você usá-los, eles renderão bem para seus clientes que usam o Gmail.

Se as fontes da web não são universalmente suportadas, você deve desistir delas?

Definitivamente não!

Vamos ver como você pode garantir que seu e-mail ainda seja renderizado corretamente, mesmo que o cliente de e-mail do destinatário não ofereça suporte a fontes da Web.

Fontes de fallback – quando as fontes da web não são exibidas

Então, o que acontece quando um cliente usa um cliente de e-mail que não suporta fontes da web?

Simples. Defina fontes de reserva.

Uma fonte de fallback é simplesmente uma fonte segura para a Web que você usa como backup caso sua fonte da Web não seja compatível com o cliente de e-mail de seus leitores. Cada cliente de e-mail tem sua própria fonte padrão preferida. Por exemplo, o Gmail usa Arial enquanto o Outlook prefere Calibri. Se você não gosta de usá-los, não se preocupe, pois você pode escolher qualquer fonte de fallback que preferir usar na pilha de família de fontes.

O que acontece se um cliente de e-mail não for compatível com sua fonte substituta?

Embora isso não aconteça com frequência, se isso acontecer, seu cliente de e-mail exibirá a próxima fonte de fallback na linha.

Dicas sobre como escolher a fonte substituta certa

Escolher uma fonte substituta para o seu e-mail não é tão simples quanto parece. Lembre-se de que foi pensado cuidadosamente no design do seu e-mail, incluindo a tipografia. Usar a fonte de fallback errada pode resultar em seu e-mail desmoronar e renderizar terrivelmente.

Vamos mergulhar em como escolher a fonte de fallback certa.

Use uma fonte substituta que tenha a mesma altura que sua fonte da web

Um dos aspectos mais importantes de uma fonte é sua altura vertical. Ao escolher uma fonte substituta, certifique-se de escolher uma que tenha a mesma altura vertical da sua fonte da web. Não fazer isso pode resultar em outros elementos do seu e-mail sendo afetados.

Escolha uma fonte substituta que seja do mesmo tipo que sua fonte da web

Se sua fonte da web for da família sans-serif, é aconselhável escolher uma fonte de fallback da mesma família (um bom exemplo é Arial). Da mesma forma, se sua fonte da web for da família serif, uma boa fonte de fallback será uma serif (como Times New Roman).

Agora que você sabe que pode usar fontes da Web sem medo de que seus e-mails não sejam renderizados corretamente quando os clientes de e-mail não os suportam, vamos ver rapidamente onde você pode obter fontes seguras para a Web.

Por que as fontes da web precisam de licenciamento?

Antes de olharmos para algumas fontes populares de fontes da web, devemos olhar para as legalidades que as cercam – particularmente o licenciamento. As fontes seguras para a Web precisam de licenciamento pelo simples motivo de que foram inicialmente projetadas estritamente para uso em sites e aplicativos móveis. Portanto, usá-los em e-mail é considerado distribuição, o que vai contra muitos Contratos de Licença de Usuário Final.

O que isso significa, em última análise, é que você deve esperar pagar pela fonte da web que agrada a sua imaginação.

Fonte da Web no email: onde você pode obter a sua

Se você está se perguntando onde pode encontrar fontes da web para sua próxima campanha de e-mail, nós o apoiamos.

Fonte: Monitor de campanha

Aqui estão alguns lugares que você pode visitar:

Fontes do Google

De longe, um dos lugares mais populares para obter fontes da web, o Google Fonts é definitivamente o primeiro lugar que você precisa explorar. Não apenas você terá muitas opções, mas o Google Fonts também tem a vantagem de ser um serviço gratuito.

TypeKit

TypeKit é um serviço popular de fontes da Web da Adobe. Embora a maioria de suas fontes da Web tenham sido codificadas usando Java (tornando-as difíceis de usar em e-mail), o TypeKit habilitou apenas fontes da Web CSS que podem funcionar bem em e-mail.

Outras fontes de fonte da web

Além do Google Fonts e do TypeKit, vários outros serviços oferecem excelentes fontes da web que são licenciadas para uso em e-mail. Alguns deles incluem:

MyFonts
Comercial
FontSpring
Tipoteca
Tipo de Processo Fundição
Tipo de produção
YouWorkForThem
Vila
FontShop

A maioria destes são serviços pagos devido a acordos de licenciamento, mas o investimento vale a pena.

Como incorporar sua fonte da web no email

Agora que você encontrou sua fonte da web, você precisa incorporá-la ao seu e-mail. Você definitivamente precisará saber um pouco de código aqui. No entanto, não se preocupe, pois é algo que você pode lidar facilmente. Existem três maneiras (fáceis) de incorporar uma fonte da Web em um email:

1. @importar

Uma das maneiras mais fáceis de incorporar uma fonte da Web em um email é usando o método de importação. É aqui que você importa uma fonte da Web colocando a seguinte linha de código no cabeçalho do seu e-mail:

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

2. <link>

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">

Quando você coloca esse pedaço de código no <head> do seu e-mail, seu serviço de fonte da web fornecerá o valor <href> para a fonte da web de sua escolha. Se, no entanto, você estiver hospedando sua própria fonte da web, você terá que apontar o URL para onde você está hospedando sua fonte da web.

3. @font-face

<style type="text/css">

@media tela {

@Tipo de letra{

font-family:'Open Sans';

estilo da fonte: normal;

peso da fonte: 400;

src:local('Open Sans'), local('OpenSans'), url('https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');

}

}

</style>

Uma das maiores vantagens de usar esse método para incorporar sua fonte da Web é que ele permite que você escolha especificamente o formato de arquivo que deseja importar.

Por que isso é uma vantagem? Simples, há menos espaço para algo dar errado. A única desvantagem é que é difícil encontrar o URL de uma fonte da web se você estiver usando o Google Font.

Embrulhar

Usar uma fonte da web no e-mail é uma boa ideia? Certamente é. Quando bem feitas, as fontes da web são uma ótima maneira de adicionar uma faísca aos seus e-mails, tornando-os mais interessantes de ler. Como resultado, você desfrutará de taxas de conversão mais altas.

Aqui está um resumo do que você precisa lembrar sobre fontes da Web no e-mail:

• As fontes da Web não são suportadas por todos os clientes de e-mail

• Sempre defina uma fonte substituta que esteja na mesma família que sua fonte da Web

• Espere pagar por uma fonte da web que você ama

Se você precisar de mais dicas sobre como incrementar seus e-mails, confira nosso guia definitivo sobre design de e-mail.