Fontes Personalizadas podem ter um aspecto muito elegante e dar uma sensação de frescura aos seus emails. No entanto, a maioria dos clientes de e-mail não suporta o seu uso. Isto pode ser trabalhado com o uso de um código HTML apropriado para os seus e-mails. É muito notável notar que embora a maioria dos usuários se beneficie de uma fonte padrão da web, alguns preferem a sensação de uma fonte personalizada.
A maioria dos clientes de e-mail suporta a escolha de fontes disponíveis em suas configurações ou o menu de opções de um e-mail. Em alguns casos, você pode usar diretamente um comando para importar uma nova fonte e aplicá-la aos seus e-mails. Note que os comandos “@font-face” e “@import” estão disponíveis apenas no Apple Mail e em muito poucos outros clientes.
Aqui lhe ensinaremos como usar a função destes comandos em um código HTML. Isso permitirá que você use fontes importadas e personalizadas em seus e-mails. Para isso você pode precisar ter um conhecimento básico de HTML. No entanto, vamos tentar tornar isto o mais fácil de entender possível.
Como posso incorporar fontes personalizadas num e-mail?
Vamos dar este passo a passo.
- Primeiro, vá à sua conta HubSpot, ou crie uma se ainda não a tiver, clique em Marketing e depois em Ficheiros e Templates e depois em Design Tools.
- Usando o finder clique no nome do seu template codificado para que o editor o abra. Alternativamente, você pode criar um novo template.
- Agora, você quer copiar o código abaixo e depois colá-lo na seção <head> do seu código HTML. Lembre-se que este modelo de código é aquele que você usará para seus e-mails sempre que quiser usar uma determinada fonte personalizada. O código colado deve estar entre as tags <style>, ele deve substituir a fonte-família e a URL de origem pela sua escolha da fonte.
“<style>
@font-face {
font-family: DeliciousRoman;
src: url(https://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
}
</estilo>” - Finalmente, você pode querer referenciar a fonte no corpo do seu e-mail. Isto pode ser colocado no final do corpo principal do seu e-mail e é feito com o seguinte código:
“<span style=”font-family”: DeliciousRoman;”>Describe o que tem para oferecer ao cliente.</span>” - Como último passo, complete quaisquer outras edições ou alterações ao seu modelo de email e basta clicar em Publish Changes. Com isto, seus emails usando este modelo usarão a fonte personalizada que você escolheu com o primeiro código. Pode usar este código em qualquer cliente de email que lhe permita implementar o seu próprio código HTML para os seus emails.
Notes.
Embora este processo use o HubSpot como uma virilha, pode usar o código HTML gerado em qualquer cliente de email por sua conta. Para fazer isto basta mudar a função de escrita principal no seu cliente de email. Isto pode ser feito nas plataformas Outlook e Gmail.
Pode encontrar uma grande variedade de fontes web para usar nos seus emails no Google Fonts. Cada fonte na página é de uso livre e há várias opções para escolher. Caso você queira saber mais lugares para obter fontes você pode tentar algumas das seguintes páginas, estas, no entanto, cobram dinheiro pelos seus serviços. MyFonts, Comercial, FontSpring, Typotheque, Village, FontShop e Process Type Foundry.
Ainda isso, esteja ciente de que alguns clientes de e-mail têm um tipo de fonte padrão disponível para cada e-mail. Apple Mail usa Helvetica, Gmail usa Arial e Microsoft Outlook usa Calibri.
Por último você deve saber que se você estiver usando o Google Fonts a URL da fonte pode mudar no futuro. No caso de isso acontecer você sempre pode escolher uma fonte fallback caso a principal não funcione, este é um assunto totalmente diferente, no entanto.
Conclusion.
Se você está lidando com e-mail marketing ou apenas quer personalizar seus e-mails, este é um método rápido para fazer isso. Ter uma fonte personalizada pode ajudar seus leitores a se sentirem mais envolvidos com seus e-mails só porque eles não se parecem com a maioria dos outros e-mails. Isto significa que você tem confiança suficiente na sua marca para poder cuidar de pequenos detalhes como fontes.
Se você achou este artigo útil e quer saber mais sobre e-mail marketing em geral, você encontra mais de nossos artigos visitando nosso Blog.