お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Email

Eメールにカスタムフォントを追加する

更新日時 4月 26, 2019

対象製品

Marketing Hub  Professional, Enterprise
Basic

カスタムフォントは、最も一般的なEメールクライアントではサポートされていません読み手への一貫したエクスペリエンスを保証するには、既定のウェブフォントをEメールに使用するのが、ベストプラクティスとなります。設定でマーケティングEメールの標準ウェブフォントを選択できます

@font-face@importは、Apple Mailと他のいくつかのEメールクライアントでのみサポートされています。カスタムコードのHTMLテンプレートのセクションに@font-faceと@importを追加できます。

注:コードのテンプレートのHTMLにカスタムフォントを追加するには、基本的なHTMLの知識が必要です。

コードテンプレートにカスタムフォントを追加するには。次の手順を実行します。
  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • ファインダーで、コードテンプレートの名前をクリックしてエディターで開きます。または新しいコードテンプレートを作成します
  • このコードスニペットをコピーして、<style> タグの間のHTMLコードの <head> セクションに貼り付け、フォントファミリとソースURLを、選択したフォントに置き換えます。
    <style>
    @font-face {
        font-family: DeliciousRoman;
        src: url(http://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
    }
    </style>
    
  • Eメール本文のフォントを参照します。
    <span style="font-family: DeliciousRoman;">Describe what you have to offer the customer.</span>
  • Eメールテンプレートに対する他の編集を完了し、[変更を公開]をクリックします。