Ao criar seu próprio sistema de design de e-mail em HTML, talvez você queira usar uma fonte personalizada além das fontes padrão disponíveis. Ao trabalhar com diretrizes de marca em que você precisa usar uma fonte personalizada, é sempre melhor usar uma fonte personalizada com um recurso sólido.

A primeira consideração a ser levada em conta ao trabalhar com fontes personalizadas é que o suporte do cliente de e-mail é irregular. Os seguintes clientes de e-mail oferecem suporte a fontes personalizadas:

É importante definir um conjunto de fontes ao usar fontes personalizadas. Isso deve incluir algumas fontes padrão do sistema para garantir que seu e-mail seja renderizado para clientes que não oferecem suporte a fontes personalizadas.

Para hospedar suas fontes personalizadas, você pode usar um serviço como o Google Fonts ou hospedá-las você mesmo.

Para situações em que suas fontes personalizadas não são compatíveis, você deve selecionar fallbacks que estão incluídos na maioria dos computadores. Esses fallbacks definem quais fontes serão exibidas se o cliente de e-mail não for compatível com as fontes personalizadas. Aqui está um site para fontes alternativas: https://www.cssfontstack.com/

Observação: talvez seja necessário entrar em contato com um desenvolvedor para obter assistência se você não tiver o conhecimento necessário.

A maneira mais confiável de incluir uma fonte específica em seu e-mail é usar @font-face. Veja abaixo um exemplo disso em ação:

<style> @font-face { font-family: 'Festive', cursive; src: url('https://fonts.googleapis.com/css2?family=Festive&display=swap') }

* { font-family: 'Festive', cursive; }

</style>

Quando estiver no Construtor de e-mails, adicione CSS personalizado na guia Appearance (Aparência)

Quando estiver usando o Construtor de e-mails em um fluxo de trabalho, você também poderá adicionar código personalizado. Veja a captura de tela abaixo:

Observações: