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

Suporte
1

Hi!

I am trying to modify the invites email a new user will receive whe we send him and invitation. I am trying to meet the design needs of our company(fonts, colors,…) The fonts we need are in Google fonts site and i try to modify the HTML Template in which all html emails are rendered trying to add two font types i need to use…

<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>

…then in the body of template i add:

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

%{email_content}

…but when i receive test invite emails to a temporary address i’ve setup to test if this is working or not…the only font wich is loaded is the fallback font wich is “sans-serif”. The font i need is not downloaded or parsed.

So how can i customize invite email using fonts from Google fonts…??

And second part of my request is how can i add for example an outlined div or paragraph to only one email template(invite email template) because BBCodes doesn’t allow to customize a lot.

Thanks in advance!!

2

Your markup looks correct. What email client are you testing this on? Not all email clients support the use of web fonts. I don’t think Gmail supports web fonts.

Try adding a div with the class you are wanting to style directly to the invite template and then adding styles to the class to the Email Style / CSS editor. Discourse will substitute the styles you add there directly into the div that you target with a class. For example, with the Invite Mailer template customized to:

<div class="invite">
%{inviter_name} invited you to a discussion

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

at

> %{site_title} -- %{site_description}

If you're interested, click the link below:

%{invite_link}
</div>

and the following added to Email Styles / CSS

.invite {
    border: 1px solid red;
}

Invites have a red border around the content.

3

Thanks i will try and will let you know…I am using GMX services to test invite emails… maybe is what you are saying…i will test with other email client.

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.