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

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

更新日時 2月 15, 2019

対象製品

Marketing Hub Professional, Enterprise
Basic

カスタムフォントは、最も一般的な E メールクライアントではサポートされていません読み手に一貫した体験を確実に提供するためには、デフォルトのウェブフォントを E メールに使用するのが、ベストプラクティスです。設定でマーケティング E メールの標準ウェブフォントを選択できます

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

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

コードテンプレートにカスタムフォントを追加するには。次の手順を実行します。
  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • [finder(ファインダー)]で、コードテンプレートの[name(名前)] をクリックしてエディターで開きます。または新しいコードテンプレートを作成します
  • このコードスニペットをコピーして 、<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 メールテンプレートに対して他の編集を完了し、[Publish changes (変更を公開)]をクリックします。