システムが送信するすべてのメールのデフォルトフォントタイプを変更する

サポート
1

こんにちは！

新規ユーザーに招待メールを送信する際、そのメールの内容を変更しようとしています。当社のデザイン要件（フォント、色など）に合わせるため、Google Fonts サイトにあるフォントを使用したいと考えています。すべての HTML メールがレンダリングされる HTML テンプレートを変更し、必要な 2 種類のフォントを追加しようとしています…

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

…その後、テンプレートの body 内に以下を追加しました：

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

%{email_content}

…しかし、テスト用に設定した一時アドレスにテスト招待メールが届いた際、読み込まれたフォントはフォールバックフォントである「sans-serif」だけでした。必要なフォントはダウンロードも解析もされませんでした。

では、Google Fonts のフォントを使用して招待メールをカスタマイズするにはどうすればよいのでしょうか？

また、2 番目の要望として、BB コードでは十分なカスタマイズができないため、特定の 1 つのメールテンプレート（招待メールテンプレート）にのみ、枠線付きの div や段落を追加する方法も教えていただけますでしょうか。

よろしくお願いいたします！

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 と Meta の両方で、ダイジェストメールのフォントを変更する方法を検索（Google 検索）してみましたが、見つかりませんでした。

そのため、新しいトピックを作成するのではなく、検索で見つけたトピックの最後に回答したのです！ :wink:

Gmail が異なるフォントを許可するかどうかは試していませんが、Gmail の受信トレイには、他のウェブサイトから届いたメールでペルシャ語フォントを使用しているものを見たことがあります。