Cambiar el tipo de fuente predeterminado en todos los correos electrónicos que envía el sistema

Soporte
1

¡Hola!

Estoy intentando modificar el correo de invitación que recibirá un nuevo usuario cuando le enviemos una invitación. Mi objetivo es cumplir con los requisitos de diseño de nuestra empresa (tipografías, colores, etc.). Las tipografías que necesitamos están en el sitio de Google Fonts, y he intentado modificar la plantilla HTML en la que se renderizan todos los correos electrónicos para agregar los dos tipos de fuente que necesito…

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

…luego, en el cuerpo de la plantilla, agrego:

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

%{email_content}

…pero cuando recibo correos de invitación de prueba en una dirección temporal que configuré para verificar si esto funciona… la única fuente que se carga es la fuente de respaldo, que es “sans-serif”. La fuente que necesito no se descarga ni se analiza.

Entonces, ¿cómo puedo personalizar el correo de invitación utilizando fuentes de Google Fonts…??

Y la segunda parte de mi solicitud es: ¿cómo puedo agregar, por ejemplo, un div o párrafo con borde solo a una plantilla de correo electrónico (la plantilla de correo de invitación), ya que los BBCodes no permiten mucha personalización?

¡Gracias de antemano!!

2

Tu marcado parece correcto. ¿En qué cliente de correo estás probando esto? No todos los clientes de correo admiten el uso de fuentes web. No creo que Gmail admita fuentes web.

Intenta agregar un div con la clase que deseas estilizar directamente a la plantilla de invitación y luego agrega los estilos para esa clase en el editor de Estilos de correo / CSS. Discourse insertará directamente los estilos que agregues allí en el div que selecciones con una clase. Por ejemplo, con la plantilla de Invitación personalizada así:

<div class="invite">
%{inviter_name} te ha invitado a una discusión

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

en

> %{site_title} -- %{site_description}

Si estás interesado, haz clic en el enlace de abajo:

%{invite_link}
</div>

y lo siguiente agregado a Estilos de correo / CSS:

.invite {
    border: 1px solid red;
}

Las invitaciones tendrán un borde rojo alrededor del contenido.

3

Gracias, lo probaré y te avisaré… Estoy utilizando los servicios de GMX para probar los correos de invitación… quizás sea lo que mencionas… lo probaré con otro cliente de correo.

4

¿Entonces es posible cambiar la fuente de los correos en Gmail? Hasta ahora no he logrado agregar fuentes en persa a nuestros correos. ¿Hay alguna forma de hacerlo?

5

Voy a realizar algunas pruebas de correo electrónico esta semana. Veré si puedo averiguar cómo hacer que esto funcione. Si alguien sabe cómo agregar fuentes personalizadas para que funcionen en Gmail, por favor házmelo saber.

7

¿Ya intentaste buscar una respuesta en Google?

8

Entiendo tu punto. Intenté buscar una forma (buscando en Google) de cambiar la fuente de un correo electrónico de resumen, tanto en Google como en Meta.

Por eso no creé un nuevo tema, sino que respondí al final de un tema que encontré en Google. :wink:

No intenté ver si Gmail permite diferentes fuentes, ya que he visto correos en mi bandeja de entrada de Gmail, de otros sitios web, que utilizan fuentes en persa.