Alterar o tipo de fonte padrão em todos os e-mails enviados pelo sistema

Suporte
1

Olá!

Estou tentando modificar o e-mail de convite que um novo usuário receberá quando enviarmos um convite para ele. Meu objetivo é atender às necessidades de design da nossa empresa (fontes, cores, etc.). As fontes que precisamos estão no site do Google Fonts, e tentei modificar o modelo HTML no qual todos os e-mails são renderizados, adicionando os dois tipos de fonte que preciso usar…

<head>
  <meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
  <title></title>
  <link href="https://fonts.googleapis.com/css?family=Montserrat:700|Source+Sans+Pro:300&amp;display=swap" rel="stylesheet" type='text/css'>
</head>

…em seguida, no corpo do modelo, adicionei:

<style type="text/css">    
 body, p {font-family: 'Source Sans Pro', sans-serif;}
</style>
<!--[endif]-->

%{email_content}

…mas, ao receber e-mails de convite de teste em um endereço temporário que configurei para verificar se isso está funcionando, a única fonte carregada é a fonte de fallback, que é “sans-serif”. A fonte que preciso não é baixada ou processada.

Então, como posso personalizar o e-mail de convite usando fontes do Google Fonts…??

E a segunda parte da minha solicitação é: como posso adicionar, por exemplo, uma div ou parágrafo com borda apenas a um modelo de e-mail específico (modelo de e-mail de convite), já que os BBCodes não permitem muita personalização?

Obrigado antecipadamente!!

2

Sua marcação parece correta. Em qual cliente de e-mail você está testando isso? Nem todos os clientes de e-mail suportam o uso de fontes da web. Acredito que o Gmail não suporte fontes da web.

Tente adicionar uma div com a classe que deseja estilizar diretamente ao modelo de convite e, em seguida, adicione estilos para essa classe no editor de Estilo de E-mail / CSS. O Discourse substituirá os estilos que você adicionar ali diretamente na div que você selecionou com uma classe. Por exemplo, com o modelo de Convite de E-mail personalizado para:

<div class="invite">
%{inviter_name} convidou você para uma discussão

> **%{topic_title}**
>
> %{topic_excerpt}

em

> %{site_title} -- %{site_description}

Se você estiver interessado, clique no link abaixo:

%{invite_link}
</div>

e o seguinte adicionado a Estilos de E-mail / CSS

.invite {
    border: 1px solid red;
}

Os convites terão uma borda vermelha ao redor do conteúdo.

3

Obrigado, vou tentar e te aviso… Estou usando os serviços do GMX para testar e-mails de convite… Talvez seja o que você está dizendo… Vou testar com outro cliente de e-mail.

4

Então, é possível alterar a fonte dos e-mails no Gmail de alguma forma? Até agora, não consegui adicionar fontes em persa aos nossos e-mails. Existe alguma maneira?

5

Vou fazer alguns testes de e-mail esta semana. Vou ver se consigo descobrir como fazer isso funcionar. Se alguém souber como adicionar fontes personalizadas para que funcionem no Gmail, por favor, me avise.

7

Você já tentou procurar uma resposta no Google?

8

Entendo seu ponto. Tentei encontrar uma maneira (buscando no Google) para alterar a fonte de um e-mail de resumo, tanto no Google quanto no Meta.

É por isso que não criei um novo tópico e respondi no final de um tópico que encontrei no Google! :wink:

Não tentei verificar se o Gmail permite fontes diferentes, já que vi e-mails na minha caixa de entrada do Gmail, de outros sites, que usam fontes em persa.