【第563回】 Marketing Cloud Next ：コンテンツで使えるカスタムフォント

2026年8月28日 11:41

Marketing Cloud Next Growth & Advanced Editions の Summer '26 新機能リリースでは、カスタムフォント が 2026 年 9 月より利用可能になりました。

これにより、標準フォント以外の外部のフォントを Marketing Cloud Next に登録し、メール、ランディングページ、フォーム、再利用可能なコンテンツブロックなどで、ブランドに合わせて利用できるようになります。

【メールで利用する際の注意事項】

メールに関しては、カスタムフォントが実際に表示されるかどうかは、メールを受信・表示するメールクライアントが Web Font の読み込みに対応しているかどうか によって異なります。

Marketing Cloud Next から送信されるメールにはカスタムフォントを読み込むための設定が含まれていますが、受信側のメールクライアントがその仕組みに対応していない場合、カスタムフォントは読み込まれません。

その場合は、あらかじめ指定されている Arial などの フォールバックフォント（代替フォント）で表示されます。

そのため、同じメールであっても、Apple Mail ではカスタムフォントで表示され、Gmail ではフォールバックフォントで表示される、といった違いが発生する可能性があります。

※ どのメールクライアントが Web Font の読み込みに対応しているかについては、以下の記事をご確認ください。

Google Fonts や Adobe Fonts、企業独自の CDN で管理しているフォントなどを登録できるため、ブランドガイドラインに沿った一貫性のあるコンテンツ作成が可能です。

今回は、Google Fonts から日本語と英語の以下の２つを取得しました。

Train One（TrainOne-Regular.ttf）

Racing Sans One（RacingSansOne-Regular.ttf）

Google Fonts とは、オープンソースのフォントを集めた公式サービスで、商用利用できるものも多く、Webサイトや資料、検証用のカスタムフォントとして非常に使いやすいです。

カスタムフォントの追加方法

1. カスタムフォントの追加は、CMS ワークスペースから行います。コンテンツタイプで「カスタムフォント」を選択します。

2. フォントの登録画面が表示されます。こちらにフォント名と API 参照名を入力して、フォントをアップロードしたら、フォントの有効なライセンスを持っていることにチェックを入れて、保存して、公開します。

以下の形式がサポートされています。

WOFF
WOFF2
TTF

※ フォントの有効なライセンスを持っていることにチェックを入れないと保存ができません。

3. カスタムフォントが登録できたら、メールでパラグラフを配置して、「スタイル」タブを選択します。

注意：以下のフォントの箇所から設定した場合に、うまくフォントが保存ができない場合があるので、スタイルから設定することをオススメします。

4. パラグラフスタイルで「カスタム」を選択します。

5. フォントファミリー項目の中に「カスタムフォント」があるので選択します。

6. すると、先ほど登録したカスタムフォントが見つかりますので、変更します。「パラグラフ」コンポーネントごとに設定できます。

7. 適当な文字列を日本語と英語、それぞれで作成しました。プレビューしたい場合は、コードビューに移動します。

8. 変更されていることが分かります。

※ 私が試した限りでは、パラグラフ上やプレビューとテストの画面ではカスタムフォントは反映されませんでした。後に改善されるかもしれません。

9. 実際にメールを送信してみます。

前段で書きました通り、Apple Mail は対応していますが、 Gmail では対応していませんので、同じメールでも開いたときのフォントが異なります。

Apple Mail の例

Gmail の例

カスタムフォントが利用できない場合のフォールバック

メールでカスタムフォントを指定する場合、通常は font-family に複数のフォントを並べて指定します。

今回の例では、日本語部分には次のような指定が行われています。

font-family: 'Train One', 'Arial', 'sans-serif';

これは、メールクライアントが左から順番に利用可能なフォントを探すことを意味します。

まず Train One の利用を試みます。Train One を読み込めない場合は Arial、Arial も利用できない場合は、最後に sans-serif が使用されます。

ただし、日本語では少し注意が必要です。

Arial は主にラテン文字用のフォントで、日本語の文字を十分に収録していません。そのため、Train One を利用できない環境で日本語を表示する場合、単純に Arial で日本語が表示されるわけではありません。

実際には、ブラウザやメールクライアント、OSが日本語を表示できる別のフォントを補完して表示します。

そのため、日本語の場合は次のような流れになります。

Train One → Arial → OS／メールクライアントが選択する日本語対応のsans-serif フォント

例えば、環境によっては Windows の Meiryo や Yu Gothic、macOS／iOS の Hiragino Sans、Android の Noto Sans CJK JP などが利用される可能性があります。

一方、英語の場合は Arial に必要な文字が含まれているため、カスタムフォントを利用できなかった場合は、そのまま Arial で表示される可能性が高くなります。

つまり、同じフォールバック指定であっても、英語では Arial まで比較的明確に指定できますが、日本語では最終的な表示フォントが OS やメールクライアントに依存する可能性があります。

いかがでしたでしょうか。

カスタムフォントを登録することで、マーケターはメールやランディングページ、フォーム、テンプレート作成時に、ブランドに最適なフォントを選択できるようになります。

特にブランドガイドラインでフォントが厳密に定められている企業にとっては、Marketing Cloud Next 上でブランド表現を統一しやすくなる便利な機能と言えるでしょう。

今回以上です。