Изменение шрифта по умолчанию для всех исходящих писем системы

Поддержка
1

Привет!

Я пытаюсь изменить шаблон письма с приглашением, которое получает новый пользователь при отправке ему приглашения. Моя цель — соответствовать фирменному стилю нашей компании (шрифты, цвета и т.д.). Нужные нам шрифты находятся на сайте Google Fonts, и я пытаюсь внести изменения в HTML-шаблон, в котором рендерятся все электронные письма, добавив два типа шрифтов, которые мне необходимо использовать…

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

…затем в теле шаблона я добавляю:

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

%{email_content}

…однако, когда я получаю тестовые письма с приглашением на временный адрес, который я настроил для проверки работоспособности, загружается только резервный шрифт «sans-serif». Нужный мне шрифт не загружается и не обрабатывается.

Так как же можно настроить письмо с приглашением, используя шрифты Google Fonts…??

Вторая часть моего запроса: как, например, добавить рамку (outline) для div или параграфа только в один шаблон письма (шаблон приглашения), поскольку BBCodes не позволяют проводить значительную кастомизацию.

Заранее спасибо!!

2

Ваша разметка выглядит правильно. В каком почтовом клиенте вы это тестируете? Не все почтовые клиенты поддерживают веб-шрифты. Я не думаю, что Gmail их поддерживает.

Попробуйте добавить div с нужным классом непосредственно в шаблон приглашения, а затем добавьте стили для этого класса в редактор стилей/CSS для электронной почты. Discourse подставит добавленные вами стили напрямую в div, к которому вы обращаетесь через класс. Например, если шаблон «Приглашение по почте» изменён следующим образом:

<div class="invite">
%{inviter_name} пригласил вас к обсуждению

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

на

> %{site_title} — %{site_description}

Если вы заинтересованы, нажмите на ссылку ниже:

%{invite_link}
</div>

и добавлены следующие стили в раздел «Стили электронной почты / CSS»:

.invite {
    border: 1px solid red;
}

Тогда в приглашениях появится красная рамка вокруг содержимого.

3

Спасибо, я попробую и дам вам знать… Я использую сервис GMX для тестирования приглашений по электронной почте… Возможно, это то, о чём вы говорите… Я протестирую с другим почтовым клиентом.

4

Значит, возможно ли вообще изменить шрифт писем в Gmail? Пока что мне не удалось добавить персидские шрифты в наши письма. Есть ли какой-то способ?

5

На этой неделе я буду проводить тестирование электронной почты. Попробую разобраться, как это реализовать. Если кто-то знает, как добавить пользовательские шрифты, чтобы они корректно отображались в Gmail, пожалуйста, дайте знать.

7

Вы пробовали искать ответ в Google?

8

Я понял вашу точку зрения. Я пытался найти способ (через Google) изменить шрифт в сводном письме, как в Google, так и в Meta.

Вот почему я не создал новую тему, а ответил в конце найденной через Google темы! :wink:

Я не проверял, разрешает ли Gmail разные шрифты, так как видел в своём почтовом ящике Gmail письма от других сайтов, где использовались персидские шрифты.