Ваша разметка выглядит правильно. В каком почтовом клиенте вы это тестируете? Не все почтовые клиенты поддерживают веб-шрифты. Я не думаю, что 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;
}
Тогда в приглашениях появится красная рамка вокруг содержимого.