2022年にあなたを失望させない19の最高の電子メールフォント
公開: 2022-03-18あなたのメールは文章と単語の集まりです。 単語は文字のコレクションであり、文字は電子メールフォントのコレクションです。
そのため、コピーライティングを行うのと同じ時間と注意をメールフォントに向ける必要があります。これがメッセージの基盤です。
ただし、特に電子メールプログラムに関しては、すべてのフォントが同じというわけではありません。 最高の電子メール対応フォントはキャンペーンを輝かせますが、安全性の低いWebフォントは、デザインをクラッシュさせて焼き付ける可能性があります。
それは少し劇的に聞こえるかもしれませんが、それは本当です。 サポートされていないフォントでメールを送信した人は誰でも経験から知ることができます。
幸い、キャンペーンに最適なメールフォントを選択する際に推測する必要はありません。 まったく新しいメールニュースレターをデザインする場合でも、ビジネス用のメール署名を磨く場合でも、必要な実証済みのフォントを用意しています。
メールフォントに関するこの究極のガイドで学ぶことはすべて次のとおりです。
- メールセーフフォントとは
- 適切なメールフォントを使用する利点
- メールに適した8つの最高のフォント
- Webセーフな電子メールフォントとは何ですか
- 11個のカスタムHTMLメールフォント
- 電子メールの署名に最適なフォント
- ビジネス向けのプロフェッショナルなメールフォント
- メールマガジンに最適なフォント
- メールマーケティングキャンペーンに最適なフォント
- Gmailのトップフォント
- メール用にフォントを最適化する方法
メールセーフフォントとは何ですか？
電子メールで保護されたフォントは、さまざまなコンピューター、デバイス、およびアプリケーションでアクセスできる傾向があります。 OutlookまたはGmail、AndroidまたはiPhoneのいずれを使用しているかに関係なく、（一般的に）これらの異なるフォントが受信者の電子メール受信ボックスに読み込まれることを期待できます。
ただし、電子メールで保護されたフォントは絶対確実ではありません。 代わりに、これらはフォントが変更されるのを防ぐための最良の方法を提供します。
昔ながらのフォントを気ままに使用したいという衝動に抵抗してください。 なんで？ 電子メールクライアントは特定の特別なフォントを表示しないことが多く、テキストをデフォルトでフォールバックフォント（以下にリストされている電子メールセーフフォントの1つである可能性が高い）に設定するためです。 これは問題のようには聞こえないかもしれませんが、メールの全体的なデザイン、レイアウト、読みやすさ、品質に影響を与える可能性があります。
適切なメールフォントを使用する利点
適切なメールフォントを選択することが重要なのはなぜですか？ ご質問いただきありがとうございます。 デザインとブランディング（多くのメリットがあります）についてただガタガタするのではなく、キャンペーンに適した電子メールフォントを見つけるためのデータに裏付けられた理由を見てみましょう。
- 受信者の時間を最大化する：人々は派手なフォントを読むのに2倍の時間がかかりますが、電子メールに費やす時間は平均11秒です。 適切な電子メールセーフフォントを使用すると、顧客はアクションを実行したり次の電子メールに進む前に、電子メールの2倍以上を読む可能性があります。
- 変換率を上げる： [Laboratory ]をクリックすると、フォントサイズを10ポイントから13ポイントに変更し、行間隔を少し追加するだけで、フォームの変換が133％増加しました。これで完了です。
- 読者の判断に影響を与える：特定のフォントは、人々が読んだコンテンツについてどのようにこの調査では、Baskervilleフォントにより、ステートメントに同意する人が1.5％増加しました。 それは重要ではないように聞こえるかもしれませんが、1.5％は収益に大きな違いをもたらす可能性があります。
- 読みやすさの向上：ほとんどの人は、セリフフォントとサンセリフフォントを読むときの速度や保持について、違いはありません。 ただし、子供、高齢者、視力の限られた人、失読症の人は、サンセリフフォントをよく読む傾向があります。
メールに適した8つの最高のフォント
以下は、最も電子メールに適したWebセーフな電子メールフォントであることがわかりました。 これらのフォントを使用して、電子メールフォントが受信者に正しくレンダリングされる可能性を高めます。
- Arial
- 宅配便新しい
- ジョージア
- Helvetica
- Lucida Sans
- タホマ
- タイムズニューローマン
- トレビュシェットMS
1.Arial
Arialは、より現代的なサンセリフメールセーフフォントオプションの1つです。 それを使用すると、はるかにモダンな感じを与える柔らかく完全な曲線を見つけることができます。 Arialは、電子メールキャンペーン全体の本文コピーまたはヘッドラインに最適なフォントです。
2.クーリエ新規
Courier Newは、読みやすいセリフを備えたタイプライターのような外観をしています。 また、モダンなルックアンドフィールを備えていないため、電子メールよりも映画の脚本や原稿に適していますが、それぞれに適しています。
3.ジョージア
ジョージアは、新聞や雑誌で多く使用されているMicrosoftの古典的なセリフフォントです。 それはあなたの電子メールに権威のある（そして正式な）外観を与え、あなたのコンテンツがより単語が多い場合の読みやすさのための優れたオプションです。
4.Helvetica
Helveticaは間違いなく最も人気のあるデジタルフォントです。 本文のコピーには適していませんが、タイトル、ブランド名、タグライン、スローガン、ヘッドラインで使用すると、上品なパンチが詰まります。 Helveticaはあなたのブランドを際立たせるのに役立ちません（誰もがそれを使用します）が、それは単に電子メールに優しいというだけではなく、「安全」の縮図です。
5. Lucida Sans Unicode
Lucida Sans Unicodeは、シンプルで読みやすいLucidaフォントファミリーのサンセリフバリアントです。 また、太字や斜体のバリエーションもありません。
6.タホマ
Tahomaは、ダイアログボックスやメニューの小さなサイズのテキストを画面上に表示するのに役立つMicrosoftが設計したフォントであり、電子メールの小さくて限られた不動産の性質によく変換されます。
7.タイムズニューローマン
タイムズニューローマン。 それなしでどのリストが完成するでしょうか？ この実証済みの電子メールセーフフォントは、ほぼどこでも安全に使用できます。 これは現代的なフォントではありませんが（ほぼ100年前から存在しています）、スペース効率が高く、読みやすく、使い慣れています。
8.トレビュシェットMS
Trebuchet MSは、紛れもない外観を持つ、より大胆でデジタルフレンドリーなフォントの1つです。 一部のキャラクターは古典的で典型的に見えますが、他のキャラクターはまったく創造的です（「g」を参照）。
Webセーフな電子メールフォントとは何ですか？
電子メールセーフとウェブセーフのフォントは同じではありません。 Webセーフフォントは（ご想像のとおり）Webに存在します。つまり、オペレーティングシステム、デバイス、ソフトウェア、またはアプリケーションにネイティブに含まれているフォントは見つかりません。
これらのフォントはオンラインでのみ存在し、プラグインとスニペットを使用してコミュニケーションやアプリケーションに追加できます。 ほとんどの電子メールクライアントは、いくつかのWebセーフな電子メールフォントをサポートしていますが、それはそれらすべての間に重複があるという意味ではありません。
たとえば、GmailはOpenSansとRobotoWebフォントをサポートしていますが、OutlookとAppleMailはサポートしていません。 ただし、各電子メールクライアントには、Webフォントをサポートしていない場合に戻すデフォルトのフォントがあります。 ここにいくつかあります：
- Gmail： Arial
- Apple Mail： Helvetica
- 展望： Calibri
Helvetica用、Roboto用、Calibri用の1つの電子メールを設計するのは困難です。そのため、ほとんどの電子メールクライアントで普遍的に機能する電子メールセーフフォントを使用する方が簡単です。 フォールバックフォントを変更できることに注意してください。
11個のカスタムHTMLメールフォント
電子メールセーフフォントの代わりにWebセーフ電子メールフォントを使用する場合は、次のいずれかのフォントフォールバックオプションを選択（およびテスト）することをお勧めします。 これがデバイスと電子メールクライアント全体で優先フォントとフォールバックオプションの両方でどのように見えるかを分析して、適切に見え、フォーマットを壊さないことを確認します。
1.レールウェイ
Ralewayは、フォントの太さの細い線と広い文字間隔を備えたサンセリフフォントで、ページのスペースを無駄にすることなく読みやすくなっています。
2. Roboto
Robotoは、自然な幅のフレンドリーでオープンな曲線を使用して、目に優しいフォントを作成します。 これは、Android、Google Play、YouTube、Googleマップ、およびGoogle画像検索のデフォルトフォントでもあります。
3.Sansを開きます
Open Sansは、ニュートラルで親しみやすい外観のおかげで、印刷、Web、およびモバイルインターフェイス用に最適化されたフォントです。 直立した性質と文字の間隔は、読みやすさを優先します。
4.ポピンズ
Poppinsは、見出し、サブヘッダー、および目立つ段落のコピーに最適な、すっきりとした外観とフォントスタイルを備えています。 それは遊び心とプロの間の素晴らしいバランスを打ちます。
5.オズワルド
Oswaldは、読みやすさを犠牲にすることなく、より多くの文字を絞り込める、タイトで凝縮されたフォントです。 見出しにOswaldを使用すると、テキストを垂直方向または水平方向に広げすぎずにパンチを詰めることができます。
6. Ubuntu
Ubuntuフォントは、印象的なデザインとプロのユースケースのバランスをとるユニークなセンスを備えた現代的なスタイルを特徴としています。
7.メリウェザー
Merriweatherは、デジタル読み取り用に設計されたオープンソースのセリフフォントです。 キャラクターは背が高く伸びますが、スペースを無駄にすることなく読みやすさを向上させるために比較的小さいままです。
8.ルービック
ルービックはわずかに丸みを帯びた角と低ストロークのコントラストを使用しています。 GoogleFontsでこのオープンソース書体に無料でアクセスしてください。
9.流砂
もともと表示目的で設計されたQuicksandは、小さな印刷サイズでもうまく機能するサンセリフフォントです。 メールの本文に最適です。
10.酸素
Oxygenは、Webブラウザー、デスクトップコンピューター、およびモバイルデバイスで使用するために設計されたWebセーフフォントです。 OswaldやQuicksandとうまく調和します。
11.ラト
Latoは、18のスタイルとウェイト、およびスタイルごとに3,000以上のグリフを備えたしっかりと構築されたフォントです。 半丸みを帯びたエッジと親しみやすい暖かさを備えており、Googleで最も人気のあるフォントの1つになっています。
ユースケースに最適なメールフォント
すべての電子メールに対して単一の電子メールフォントに制限する必要はありません。特定のフォントは、ヘッダー、本文のコピー、または署名としてより優れたパフォーマンスを発揮します。 以下に、いくつかの電子メールのユースケースに最適なフォントを示します。
電子メールの署名に最適なフォント
電子メールの署名には、フォールバックの電子メールセーフフォントを備えたWebセーフフォントを使用することをお勧めします。 ほとんどの電子メールで同じである可能性が高いため、Webセーフバージョンとフォールバックオプションの最適化に時間を費やして、洗練された一貫した外観を確保できます。
次のWebセーフな電子メールフォントは、電子メール署名の推奨事項です。
- ポピンズ
- Sansを開く
- Roboto
- オズワルド
- ラト
フォールバックオプションとして、次のことをお勧めします。
- Arial
- Helvetica
- タホマ
ビジネスに最適なプロのメールフォント
遊び心のあるフォントもあれば、よりプロフェッショナルなフォントもあります。また、ユニークなフォントの中には、両方を実現するバランスが取れているものもあります。 ただし、ビジネス向けのプロフェッショナルな電子メールフォントに関しては、信頼性とクラスを表示するフォントを選択することをお勧めします。
- Ubuntu
- ポピンズ
- Arial
- Helvetica
- ジョージア
メールマガジンに最適なフォント
メールマガジンは、多くの場合、大量の優れたコンテンツを小さなスペースに詰め込む必要があります。 キャンペーンをデザインするときに直面する問題である場合は、メールマガジンに次のフォントを使用することをお勧めします。
- Raleway
- オズワルド
- タホマ
メールマーケティングキャンペーンに最適なフォント
メールマーケティングキャンペーンでは、複数のフォントを使用して、見出しを本文から分離（および区別）する必要があります。 次のフォントは、Eメールマーケティングキャンペーンに適しています。
- RalewayとMerriweather
- オープンサンズアンドタイムズニューローマン
- ラトとメリウェザー
- RobotoとLato
最高のGmailフォント
Gmailは18億人のアクティブユーザーがいる最も人気のあるメール受信トレイであり、オーディエンスの大多数がこのメールクライアントを使用する可能性があります（人口統計によって異なります）。 その場合は、受信者が他の受信トレイを使用する場合に備えて、フォールバックオプションを備えたGmail用に最適化されたWebセーフフォントを使用する必要があります。 次のことをお勧めします。
- Arial
- Sansを開く
- Roboto
メール用にフォントを最適化する方法
フォントの選択は簡単ではありませんが、私たちはあなたを信じています。 最終的に選択したら、フォントまたは電子メールキャンペーンを最適化するときが来ました。 これには、それらを適切に使用すること、読みやすさを向上させること、および顧客体験を向上させることが含まれます。
1.シンプルに保つ
フォントの目的は、oohsとaahsを取得することではなく、受信者に電子メールを読んでアクションを実行させることです。 物事をシンプルかつブランドに保つ。
読みやすさ、理解力、ユーザーエクスペリエンスを向上させるために、常に創造性とブランド性を犠牲にしてください。 ブランドクリエイティブはそれを言って私にこぶしを振るかもしれませんが、それは冷たくて難しい真実です。
ただし、黄金の媒体は、創造性とユーザーエクスペリエンスを組み合わせて、ブランドとエンゲージメントを強化する一流のメールを作成できる場合です。
2.メールを画像の中に詰め込まないでください
フォント（任意のフォント）を電子メールに正しく表示する1つの方法は、埋め込まれた画像にフォントを追加することですが、これは大きな電子メールです。 これにより、クリエイティブチームが一貫したブランドのメールキャンペーン（すべてコーディングなし）を簡単に送信できるようになる可能性がありますが、画像のみのメールを送信することはお勧めできません。 リトマスからの理由は次のとおりです。
- チャンネル登録者の画像がオフになっている可能性があります。
- 視覚障害のある受信者は、電子メールを読むことができない場合があります。
- メールのテキストは検索できなくなり、ユーザーが後でメールを見つけるのが難しくなります。
- 画像が詰め込まれたメールは、読み込みが遅くなります（またはまったく読み込まれません）。
- すべてのデバイスで見栄えのするレスポンシブ画像を作成することは困難です。
- ダークモードでは、色を反転させるなど、画像にファンキーな操作を行うことができます。
- コピー編集には永遠に時間がかかります。スペルミスのある単語を微調整するだけでなく、新しい画像を編集、ダウンロード、再アップロードする必要があります。
3.フォールバックフォントを選択します
特に電子メールセーフフォントの代わりにWebフォントを使用する場合は、電子メールキャンペーンのフォールバックフォントを選択してテストします。 各電子メールクライアントにはデフォルトのフォールバックオプションがありますが、これを選択内容で上書きできます。
間違ったフォールバックフォントを選択すると、電子メールのデザインが崩壊し、元のフォーマットが失われる可能性があります。 デザインがクラッシュしたり焼けたりするのを防ぐために、同じような高さ、セリフ（またはサンセリフ）、文字間隔のフォントを見つけます。
4.フォントサイズを忘れないでください
フォントサイズは、メールキャンペーンを成功または失敗させる可能性があります。 大きすぎると、必要なすべてのテキストに収まりません。 小さすぎると、サブスクライバーはそれを読むのに苦労します。
Email on Acidは、少なくとも14ピクセルのフォントサイズを使用することをお勧めします。 ただし、一部の電子メールマーケティング担当者は、読みやすさを向上させるために、グローバルに、またはモバイルデバイスで応答してフォントサイズを16ピクセルまたは18ピクセルに拡大します。
5.送信する前にメールをテストします
メールを送信する前にテストして、クライアント、ブラウザ、デバイス（iOSおよびAndroid）全体で望ましい外観であることを確認します。 ただし、GmailとOutlookでアカウントを作成し、デスクトップとモバイルで確認するためにテストメールを送信する代わりに、メールテストツールを使用してください。
メールビルダーツールに統合されているため、最後まで待つのではなく、設計中に簡単にテストできます。 Twilio SendGridの電子メールテストでは、電子メールを分析して、壊れたリンク、表示の問題、さらにはスパムコンテンツを見つけます。
6.メールフォントを制限する
メールにフォントが多すぎないようにする必要があります。これにより、気が散る、まとまりのないエクスペリエンスが作成される可能性があります。 代わりに、2つのフォントに制限することをお勧めします。 また、2つのフォントだけでなく、一緒に機能するフォントを見つけてください。
電子メールでのフォントの使用方法と一貫性を保つことも同様に重要です。 たとえば、見出しに1つのフォントを使用し、本文に別のフォントを使用する場合は、電子メールの途中でそれらの間をフリップフロップしないでください。
7.行と文字の間隔に注意してください
フォントの選択に関係なく、電子メールをデザインするときは行と文字の間隔を確認する必要があります。 スペースが少なすぎるか、文字のスペースが多すぎると、読みにくくなります。
すべての大文字のテキストに文字間隔を少し追加することをお勧めします。 大文字は互いにブリードすることがあり、少しの間隔が大いに役立つ可能性があります。 また、通常よりも小さいテキストには文字間隔を追加することを検討してください。 これにより、読みやすさを損なうことなく、小さなサイズを維持できます。
TwilioSendGridを使用して強力なメールデザインを作成する
より適切に設計された電子メールを送信する準備はできましたか？ 開始するための無料の電子メールテンプレートが必要な場合でも、電子メールにカスタムフォントを追加するためのドキュメントが必要な場合でも、私たちはあなたを取り戻します。
デザインエディターに、美しくレスポンシブなメールを簡単に作成できるか試してみてください。 Twilio SendGridを使用すると、自分のやり方をデザインできます。 コードを使用して、細部の細部を微調整したいですか？ コードエディタを使用してください。 ドラッグアンドドロップウィジェットを介してメールを作成したいですか？ それもあります。 それをチェックしてください。
今すぐ無料アカウントにサインアップして、メールデザインツールの動作を確認してください。