ページ、ブログ記事、Eメールのフォントを編集する

HubSpotでは、ページブログ記事、Eメールのリッチ テキスト モジュールで使用できる13種類の標準ウェブフォントを揃えています。カスタムモジュールではフォントフィールドを利用して、これらの標準ウェブフォントやGoogleフォントを含めることができます。

JavaScriptを埋め込んで、HubSpotでGoogleフォント、Font Awesome、Typekitを使用することもできます。カスタムフォントが正しく表示されるようにするには、標準のウェブフォントにするか、フォントライブラリーでホストするか、アップロードしてスタイルシートで参照する必要があります。

リッチ テキスト モジュールのフォント

リッチ テキスト モジュールでフォントを編集するには：

• HubSpotアカウントで、ブログ、ランディングページ、またはウェブサイトページに移動します。

• 編集するページ、投稿、またはEメールをクリックします。

• 任意のリッチ テキスト モジュールで、［フォント］ ドロップダウンメニューをクリックし、次のいずれかを選択します。

  • Andale Mono

  • Arial

  • Book Antiqua

  • Courier New

  • Georgia

  • Helvetica

  • Impact

  • Symbol

  • Tahoma

  • Terminal

  • Times New Roman

  • Trebuchet MS

  • Verdana

ご注意ください：Arial、Courier New、Helvetica、Times New Romanは、ほとんどのプラットフォームとデバイス上で正しく表示されます。Georgia、Impact、Trebuchet MS、VerdanaはWindowsとMacOSでは正しく表示されますが、Unix+Xでは正しく表示されません。

カスタムモジュールのフォント

カスタムモジュールのフォントフィールドでは、上記の既定のフォントに加え、ページやブログで使用できるGoogleフォントを使用できるようになっています。ページでフォントフィールドを使用するには、次の手順に従います。

• フォントフィールドを使用してカスタムモジュールを作成し、テンプレートに追加します。
• デザインマネージャーの右上にある［公開］をクリックします。
• テンプレートを使用しているウェブサイトページまたはランディングページに移動します。または、テンプレートを使用して新しいページを作成します。
•  ページエディターで、モジュールの上にカーソルを置き、edit鉛筆アイコンをクリックします。
• 左側のサイドバーパネルで、［フォントフィールド］ドロップダウンメニューをクリックすると、利用可能なすべてのフォントにアクセスできます。
  
  

ご注意ください：カスタムフォントはEメールクライアントで広くサポートされているわけではないため、Eメールで使用するカスタムモジュールではGoogleフォントを使用できません。

アカウントアクセス権限が付与されているユーザーは、Eメール統合設定で、CRMから送信される1対1のEメールの既定のフォント、色、サイズを編集することもできます。