電子メールに最適なフォント: 使用上のヒント。 メール内のテキストを揃える

29.08.2023

これは、電子メールの HTML バージョンで実際のテキストを使用する場合にのみ可能です。

ただし、この事実は、Arial と Times New Roman のみが使用できることを意味するものではありません。 今日の資料では、電子メールでフォントを操作するための既存の機能を見ていきます。

タイポグラフィの基本

電子メール キャンペーンを設計する際の主な課題の 1 つは、電子メール クライアントとレンダリング エンジンが電子メールに対して何か奇妙な動作をしないようにすることです。 テキストに関しては、ほとんどの問題を解決します。 考えられる問題いくつかのスタイルを追加することで可能になります。 たとえば、次のアプローチを使用すると、テーブル内のセル レベルでそれらを適用できます。

ここにテキストがあります。
CSS スタイルは、テキストの色 (color)、使用するフォント (font-family)、その太さ (font-weight)、および行の高さ (line-height) を記述するセルに適用できます。

一部のコピーがここに表示されます。
これらのスタイルを宣言すると、最も「敵対的な」電子メール クライアントでもテキストが適切に表示されます。 各コンテンツを独自のセルに保存することで、継承の問題を気にすることなく、これらのコンポーネントのスタイルを設定できます。 たとえば、大きなブロック内のテキストの特定のセクションを操作する必要がある場合、この目的のテキストをインライン スタイルで折り返して使用できます。

ここにテキストがあります。 コンテンツへの注目を集めるフォントスタイルを使用する
上の例では Arial (はい、はい) を使用しましたが、さらに先に進むことを妨げるものはありません。 これをどのように行うことができるかを見てみましょう。

Webフォントの使用

この方法は Paul Airy によってうまく設計されています。 その本質は、ユーザーのデバイスにインストールされていない Web フォントの使用にあります。 これは、それらを CSS に含めることによって行われます。 この方法は長い間 Web で使用されて成功してきましたが、電子メール設計者の間で人気が高まっているだけです。

Web フォントを含める方法はいくつかありますが、Paul 氏は、Google Web Fonts などのサイトからフォントを「プル」するために使用される外部スタイル ファイルを使用することを推奨しています。


次に、インライン スタイルで、希望のフォントをフォント ファミリー宣言に追加できます。

ここにテキストがあります。
Web フォントをサポートする電子メール クライアントでは、事前に選択されたフォントを使用してテキストが表示されるようになりました。 それ以外の場合は、リストされている代替フォントが使用されます。ここでは、これは Helvetica、Arial、またはインストールされている sans serif フォントです。

外部スタイルシートへのリンクを介した電子メール クライアントでの Web フォントのサポート
アップルメール6
ロータス ノーツ 8
アウトルック 2000
Mac 上の Outlook 2011
サンダーバード
iPad
iPhone
アンドロイド2.3
アンドロイド4.2

残念ながら、Outlook では代替フォントは表示されません (もちろん、それを疑う人はいないでしょう)。 代わりに、関連するスタイルをすべて無視し、Times New Roman を使用してテキストを表示します。 ただし、これは特別な CSS クラスを使用して処理することもできます。このクラスは、条件付きコメントを通じて目的のテキストを強調表示し、使用されているフォントのセットに関する情報を Outlook に送信します。

ここにいくつかのテキストがあります。
今後は、デフォルトの Times New Roman の代わりに、Arial または別のインストールされているサンセリフ フォントを使用して文字が表示されます。

表セルのない複数列ビュー

Paul はまた、テキストを配置するために複数の列を使用することが望ましくないことについても話しています。 ただし、ほとんどの文字は表形式でレイアウトされており、常に列があるため、隣接するセルを使用してテキストを表示するのが簡単です。 しかし、コンテンツを特定のセルにハードコーディングするのではなく、テキストをある列から別の列にフローさせたい場合はどうすればよいでしょうか?

ここで CSS の columns-count プロパティが役に立ちます。 ただし、覚えておくことが重要です。ここから先は、列数をサポートするアプリケーションがほとんど見つからない未開発の領域に入ります。

このプロパティを使用すると、テキストを分割する列数を設定できます。 コードは次のようになります。

ここにテキストがあります。
これで、テキストの量に関係なく、自然に 2 つの列に分割されます。 その場合には、 メールプログラムメッセージが開かれる では、column-count がサポートされていないため、メッセージは 1 列で表示されます。

上で述べたように、サポートに関してはすべてがあまり良くありません。

場合によっては、さまざまなライフハック (段落タグにスタイルを適用するなど) を利用して、列数を含む文字やその他のクライアントを強制的に表示できることがあります。 特に、Paul はテスト中に、たとえば Firefox の Outlook.com でこれを達成することができました。

電子メールの作成プロセスで最も顕著な課題の 1 つは、フォントの選択です。 大きさ、色、形、距離...すべてが重要ですか? 確かにそうですが、最も重要なことは読みやすいフォントを選択することです。他のフォントの機能はすべて重要ではありません。

フォント、その種類、Stripo で装飾フォントを適用する方法についての短いビデオをご覧ください。 自分のフォントと「同じ」フォントを選択する方法:

文字のフォントを選択するときは 2 つのオプションがあります。 最初のオプションは、Web セーフ フォントを選択することです。これは標準であり、ほとんどの OS でデフォルトで有効になっており、ほとんどの電子メール クライアントで使用されます。

以下は、作成したとおりに表示されることを 100% 保証して使用できる、トップ 10 の Web セーフ フォントのリストです。

  1. エリアル
  2. ヘルベチカ
  3. タイムズ ニュー ローマン
  4. ヴェルダナ
  5. 宅配便 / 宅配便 新品
  6. タホマ
  7. ジョージア
  8. パラティーノ
  9. トレビュシェットMS
  10. ジュネーブ

次のオプションは Web フォントを選択することですが、次の理由により適切に表示されないリスクが多くあります。 メールクライアントこのフォントはサポートされていません。 後者の場合、Web フォントがデフォルトのフォントとして表示されます。

以下は、最も一般的な電子メール クライアントのデフォルト フォントのリストです。

  • iCloud Mail はデフォルトのフォントとして Helvetica を使用します。
  • Gmail は Arial を受け入れます。
  • Microsoft Outlook は多くの場合、Calibri を使用します。
  • Outlook 2007/2010/2013 は、Times New Roman をフォールバック フォントとして使用します。

電子メールに適切なフォントを選択するにはどうすればよいですか?

自分の個人的な意見だけに頼ると、最適なフォントについてあなたの意見を共有できる人が誰もいなくなり、電子メールが過去のメッセージのように見えたり、早朝の公共交通機関に乗っている人たちと同じくらい使いやすくなったりするリスクがあります。 。

使用するフォントが多すぎると、良く言えば非常に複雑になり、悪く言えば煩わしく感じられます。 1 つのメールに対して 1 つまたは 2 つのフォントを選択します。 理想的には、フォントを 1 つだけ使用するだけで十分ですが、異なるサイズを使用します。1 つはタイトルを強調表示し、もう 1 つはコンテンツの残りの部分に使用します。

実際、フォントを選択するには 2 つのオプションしかありません。 Web セーフ フォントを選択して、それが全員に同じであることを確認することも、Web フォントを追加して、全員がそのフォントをサポートする電子メール クライアントを使用することを期待することもできますが、Gmail、Yahoo Mail、Outlook 2007/10/13 以降、これはほとんど不可能です。 /16 は Web フォントをサポートしておらず、率直に言って、すべての iPhone および iPad ユーザーが Web フォントを表示できるわけではありません。 したがって、ユーザー インターフェイスの損傷を避けるために Web フォントの使用はお勧めしません。

上で述べたように、コンテンツ フォントの主な特徴は読みやすさです。 何を追加できますか? 読みやすさの一部であるもう 1 つの重要な機能は読みやすさです。 まったく同じではありません。 1 つのフォントでも、判読できる文字と判読できない文字があります。 もちろん、明確なテキストは読みやすく、速くなります。そのため、すべての文字が表示され、明確で、特徴的であるかどうかに注意してください。

フォントの可読性に関する実験は、2010 年に Norbert Schwarz と Hyunjin Song によって提供されました。 結果は驚くべきものでした。 装飾フォントを読むには、デフォルトのフォントよりもほぼ 2 倍の時間がかかります。

Serif と Sans Serif のどちらのフォントを選択するべきですか?

もう 1 つ考慮すべき点は、セリフ フォントかサンセリフ フォントを選択することです。 それらの違いは何ですか?

Serif フォントは、各文字の末尾に小さな線があるフォントとして定義できます。 最も人気のあるセリフ フォントは、Times New Roman と Georgia です。

サンセリフ体とは、各文字の末尾に装飾線のないフォントのことです。 最も人気のあるサンセリフ フォントは、Arial、Trebuchet MS、Helvetica です。

このトピックを調査しているときに、セリフ フォントが電子メールに最適であると述べている情報源をいくつか見つけましたが、これは真実ではないと思います。 インターネット上でのメールの閲覧はモニター画面や画面上でのみ行うことを前提としています。 携帯電話、最高のフォントはサンセリフです。 サンセリフ文字を画面から読みやすくします。

別の 興味深い事実 Beefree ブログの電子メール デザインに関する記事では、立体的な電子メールにセリフ フォントを使用することを推奨していますが、ブログ フォントとしてサンセリフが使用されているということです。

では、セリフが非常に完璧であるのに、なぜブログ投稿にセリフを使用しなかったのでしょうか? Web ページと電子メールの両方に同じルールが適用されるため、これはサンセリフの方が優れているという証拠だと思います。 このようなフォントは、必要に応じて見出しと小見出しにのみ使用してください。

フォントサイズ

フォントを変更する場合は、選択したフォントが以前のフォントよりも小さく見えないことを確認してください。 多くの場合、フォントが異なると文字の高さが異なるため、同じ 14 ピクセルのフォントでも、選択したフォント ファミリによって見た目が異なります。

ベスト プラクティスは、デスクトップ ユーザーには 14 ピクセル以上のフォントを使用し、モバイル デバイスを使用しているユーザーには 16 ピクセル以上のフォントを使用することです。 レスポンシブ テンプレートを使用している場合は、シンボル サイズが自動的に拡大されることを確認してください。 モバイル版メール。

同じフォントの異なるサイズを比較できる電子メール テンプレートを Stripo で作成しました。 結果は次のとおりです。

その結果、16px フォントは素晴らしく見えます。 デスクトップとモバイルデバイスの両方で使用したいと考えています。

くぼみ

テキストの行間にだけでなく、段落間にもスペースを設けることが非常に重要です。 フォントの行間に十分なスペースがあるかどうかに注意してください。 最も広く使用されている行の高さは 22 ピクセルから 24 ピクセルの範囲です。 つまり、電子メールの理想的な行の高さは 1.5em、つまり 24px です。

もう一つは、文字間のスペースに注意することです。 スペースが狭いフォントと広いフォント、どちらを使用するのが良いかについては、決定的な意見はありません。

Georgia と Times New Roman では文字間のスペースが狭すぎるため、読みやすさに大きな影響を与えます。 私の意見では、Courier New と同様に、Courier フォントも文字間の間隔が適切です。 これが、最後の 2 つのフォントが 2017 年に非常に人気がある理由かもしれません。

電子メール要素間にスペースを使用します。 テキストに画像が含まれている場合は、画像の前後にスペースを入れるようにしてください。これにより、読みやすさが大幅に向上します。 もちろん、それを揃えた方が良いです グラフィック要素、画像のように。

スペースが考慮されなかった例を次に示します。

これが 1500 語を超える手紙のほんの 1 段落であることを想像できますか? 明らかに、多く言うよりも少ない方が良いです。

別の例を次に示します。

フォントがグレーなので視認性が悪く、フォントが小さすぎるため、さらに悪いことに、もちろん空白についてはコメントしません。 はい、それらは存在しますが、役に立ちません。 文章が長すぎます。

リンクとボタン

リンクを強調するために別のフォントを使用しないでください。 アンカー テキストのないリンクは絶対に追加しないでください。 アンカー テキストは、リンクがどこにつながっているかを説明し、テキストにシームレスに適合する必要があります。 「ここ」または「リンク」という単語をアンカー テキストとして使用しないでください。 興味を引くには短すぎて一般的すぎます。

ボタンはリンクと同じですが、ユーザーにとってよりインタラクティブなフォームを備えています。 手紙では両方を使用する方が良いでしょう。 記事を読むためにリンクする場合はテキスト リンクにし、所有している製品を試すためにリンクする場合はボタンを使用するだけです。

どのボタンを使用するかについての正確な色のルールはありませんが、色の心理学を頼りに、あまりにも多くの色でデザインコンセプトを台無しにしないように努めるのが最善です。

ボタンに適したフォントは、Georgia と Verdana の 2 つです。 見出しや小見出しにもジョージアを使用するのは素晴らしいことです。 これは素晴らしいですね！ 実際、電子メールを送信する前に確認すべき唯一のことは、テキストの色がボタンの背景とどのように一致しているか、そして読みやすい程度に表示されていることを確認することです。 また、ボタン上のテキストが正しいことも確認してください。ボタンの端を越えてはいけません。

ボタンがクールに見える例を次に示します。

ボタンとリンクを再利用する例を次に示します。

バナー上のテキスト

独自の Web フォント、スクリプト フォント、手書きフォント、または装飾フォントをメイン テキスト フォントとして使用しないでください。 バナー上のテキストが画像の一部である場合は、それに対して何らかの対処をすることができます。

電子メール バナーを作成するときに主に考慮する必要があるのは、ブランドの個性を強調することです。 任意のフォントを使用できますが、読みやすいものを選択することをお勧めします。 バナーにあまり多くのテキストを書き込まないでください。 ユーザーの興味をそそり、読み続けたいと思わせる歓迎の言葉のみを含める必要があります。

ここで 2 つの興味深い例を紹介します。 明確でシンプルなフォントを使用したもの:

装飾フォントを使用した別のバナー:

どちらをインスピレーションとして採用し、独自の電子メールをデザインするかは完全にあなたの選択です。

色

従うべき唯一のルールは、ブランド アイデンティティを示すためにのみ色を使用することです。 カラフルなテキストを作成するアイデアがある場合は、テキストが読みにくくなるため、この点は脇に置いてください。

通常は 電子メール使用できる色は3色のみです。 1 つはタイトルをマークするためのもの、次はテキストの残りの部分を示すもの、そして青いものはリンクを表示するためのものです。 これですべてです！ タイトルを同じ色にし、異なるサイズまたはフォントで強調表示することで、これを 2 色に減らすこともできます。

1 つの文やフレーズを強調したい場合は、太字のフォントを使用するだけで済みます。別の色を使用すると曖昧になります。 通常、デザイナーは電子メールのコンテンツに黒または濃いグレーの色を使用します。 読みやすさの点で優れています。 唯一の例外は、背景が黒い場合です。 この場合、白いフォントを使用します。 明るいグレーのフォントは予測しにくいため使用しないでください。 各種設定コントラストの範囲。

テキストの書式設定用の HTML タグ

通常、Web セーフ フォントは CSS で宣言されるため、 単純なHTML、テキストの書式を設定するための HTML タグがいくつかあります。これについてはすでにご存知だと思いますが、それでも次のとおりです。

  • 太字フォントを使用するには: または
  • 電子メールで箇条書きリストを作成するには、次の構造を使用します。
    • 最初のポイント
    • 2点目
    • 3番目のポイント
  • イタリック体を使用してテキストを強調するには: または
  • 使用している同じフォントで小さなテキストを追加するには:
  • 黄色 (デフォルト) のパディングのあるテキストを選択します。
  • 削除されたが置換されていないこのテキストにマークを付けます。
  • これらのタグを使用すると、段落を定義できます。

eSputnik マーケティング チームが実施した多くの実験の結果、電子メールに最適なフォントは Arial と Tahoma であることが判明しました。 Arial は、電子メール マーケティング キャンペーンを設定する人にとって頼りになるフォントです。 Tahoma は、大きなメッセージでも小さなテキストでも見栄えがします。

テンプレートを作成しました 電子メール Stripo エディターでは、同じテキストと各フォントの 18 ピクセル サイズを使用します。 Stripo の電子メール エディターには Palatino や Geneva はありませんが、Roboto や Open Sans など、ほとんどの OS ではデフォルトで利用できない特殊なフォントがあり、それらを使用する場合はフォールバック フォントを定義することをお勧めします。

結果は次のとおりです。これらのフォントを比較して、すべてのニーズに合ったものを選択してください。

ご覧のとおり、ジョージアとタイムズ ニュー ローマンは狭すぎます。 Courier New は広範ですが、電子メールとしては広すぎるかもしれません。 Arial は Helvetica よりも軽いです。 Verdana フォントと Tahoma フォントについて話すことは不可能です。 ジョージアとヴァーダナは印刷すると見栄えが悪くなる。 私としては、最後の 2 つのフォントを . どちらが好みですか? ぜひこの記事にコメントして共有してください。

デザイナーは適切なフォントを使用して素晴らしい電子メールを作成します。 場合によっては、Web 開発者が使用する Web フォントを使用することもあります。 この方法を使用すると、創造性を損なうことなくテクノロジーを導入できます。

Web フォントはもともと Web サイトやアプリケーション用に設計されました。 これらのフォントを Web サイトで使用できるようになりました。

電子メール開発者はそれほど幸運ではありません。 すべての電子メール クライアントで正しく動作するフォントはほんのわずかであるため、フォントに関しては制限があります。 しかし、正しいアプローチを使えば、あらゆる意味で魅力的な文字を作成することができます。 場合によっては、コーディングとレイアウトのスキルが必要になる場合があります。

電子メールのデザインでは、常にコンテンツを優先する必要があります。 デザインが手紙のメッセージを損なわないように注意してください。

書体とフォントの違い

書体とフォントを混同し、同じものだと考える人もいます。

「フォント」という用語は、アナログ印刷が使用されていた時代を思い出させます。 文字ごとに異なる金属ブロックが必要でした。

特定のフォントを異なるサイズで使用したい場合は、それらを印刷するために別のブロックが必要になります。 文字を太字にしたい場合は、追加の太さも必要です。

このため、たとえば 10 ポイントの Arial は、12 ポイントの Bold Arial とは異なります。

したがって、フォントは文字のデザインであり、サイズと太さは書体を表します。

ただし、これらの用語には、 さまざまな意味デジタルの世界で。 フォントは、フォントのすべての特性を含むファイルと呼ぶことができます。 基本的に、これら 2 つは他方なしでは存在できません。

フォントファミリーの概要

これらのフォントの主な特徴は異なり、さまざまな目的に使用できます。 それらのいくつかはより適しています ビジネスレター、そしていくつかは面白い性質の手紙用です。

セリフ系フォント

セリフ フォントには小さなセリフが含まれています。 印刷された文書を簡単に読むのに役立ちます。 これらのフォントが書籍などに使用されるのはこのためです。

サンセリフフォント

San Serif フォントには追加の要素はありません。 サンセリフは画面上で読みやすいです。 Arial、Verdana、Helvetica は、このファミリーの中で最も人気のあるフォントです。

珍しいフォント



これらのフォントは慎重に扱う必要があります。 さまざまな形やサイズがあり、創造性を表現できますが、多くの種類のコンテンツには適していません。

これらのフォントは電子メールの本文での使用には適していないことに注意してください。 非常に読みにくいため、見出しとしてのみ使用してください。

等幅フォント



このフォントの最大の特徴は、各文字の横サイズが同じであることです。 このタイプは現在でも使用されています テキストエディタ優れた可読性を提供するためです。

イタリック体フォント



このタイプのフォントは、どのような文字形式でも使用できます。 まるで手書きのように文字がつながっていきます。

派手なフォントと同様に、筆記体フォントはメールの本文を書くのには適していません。

メールでは何種類のフォントを使用する必要がありますか?

少ないほど良いです。 メールには 3 つ以上の異なるフォントを使用しないでください。 整理された明確な電子メールのデザインを作成するように努めてください。

デザインの観点からは、ヘッダーと残りのコンテンツを強調表示する必要があります。

たとえば、セリフ フォントとサン セリフ フォントを組み合わせることができます。

タイトルとテキストに同じフォントを使用することもできますが、必ずタイトルを大きくしてください。 フォント サイズはテキストのサイズの少なくとも 2 倍である必要があります。

色を使うときは注意してください

色は大きな影響を与える可能性があります。

サイト用にすでに選択した色をそのまま使用してください。 各色には独自の特性があることに注意して、あなたのブランドに最も適した色を選択してください。

適切なフォント サイズと色を選択する

シンプルさを選択してください。 メールでは 3 種類を超えるフォント サイズと 2 色を使用しないでください。 また、使用するときは一貫性を保つようにしてください。そうしないと、メールが乱雑に感じられてしまいます。

このメールの例は、色が異なると非常に悪いエクスペリエンスを引き起こす可能性があることを示しています。 4 つの色といくつかのフォント サイズが使用され、最終的には安っぽいスパムのような電子メールが作成されました。

メール内のテキストを揃える

テキストを中央、右、または左に配置できます。

読みやすくするには、テキストを左揃えにすることをお勧めします。 中央揃えおよび右揃えのテキストは読みにくくなります。

もちろん、見出しのテキストの配置を調整したり、画像の上に特定のテキストを配置したり、特定のテキストをデザインの他の部分から目立たせたい場合に使用できます。

EE からのこの手紙はシンプルで率直です。 文字が左側にあるので読みやすいです。

行間は非常に重要です

フォントが異なれば、必要な行間隔も異なります。 優れた可読性を確保するには、行の高さの 1.4 ～ 1.5 倍のサイズを使用します。


中央の例は読みやすいですが、左側の例は混雑しすぎており、右側の例は緩すぎます。 中間点を見つけてください。

暗い背景を使用している場合は、行間も調整する必要があります。そうしないと、テキストが読みにくくなります。

空白を使用する

空白とは、電子メール内のテキストを囲む領域です。 これにより、段落を強調表示して注目を集めることができます。 インデントのサイズを調整して、文字をできるだけ魅力的に見せるオプションを選択できます。

ウェイトローズは空白を使って読者の注意を引きます。 カラーは黒、フォントは3種類のみ。 シンプルかつ華麗。

画像やボタンを使用するとスタイリッシュにリンクできます。 また、読者が画像やボタンをクリックしやすくなります。 モバイルデバイス.

太字のフォントまたはブランドカラーを使用してハイパーリンクを強調表示できます。 この目的で青色を強調して使用するのは 20 世紀です。

おそらく最善の策は、読者がテキスト、画像、CTA 内のリンクをクリックできるようにすることです。 ユーザーがどこをクリックするかわかりません。

Web フォントのクイック ガイド

適切な電子メール フォントを選択することは非常に重要です。 電子メールが受信者の画面に表示されない場合、これは大きな問題です。

通常、デザイナーは Web セーフ フォントを使用して電子メールのレイアウトをデザインしますが、これでは創造性が制限されます。

どのブランドも独自のアイデンティティを維持したいと考えており、ブランディングの目的で同じ色やフォントを使用します。 これが、デザイナーが Web フォントを使用し始めた理由です。 この方法を使用すると、創造性を最大限に発揮することができます。

しかし、いくつかの問題もあります。

Outlook、Windows、Apple などの異なる電子メール クライアントでは、異なるデフォルト設定が使用されます。 つまり、通常とは異なる文字を使用すると、受信者に文字が表示されない可能性があります。 それらは表示されません。

電子メール クライアントは、コンピュータにインストールされているフォントのみを使用できます。 私たちの生活をさらに楽しくするために、Macintosh コンピュータと Windows コンピュータには異なるデフォルト設定もあります。

使用したいフォントが決まったとき、最も重要な要素はフォントの使いやすさです。 予備のものをいくつか持っていても問題ありません。

Web フォントをサポートする電子メール クライアント:

  • Android用のAndroidアプリ
  • アップルメール
  • iOSメール
  • アウトルック 2000
  • 見通し。 comアプリ
  • AOLメール

受信者の電子メール クライアントが使用したフォントをサポートしていない場合は、代替フォントが表示されます。 フォールバックとして、Helvetica、Arial、Times New Roman を使用できます。

本当に特定のフォントを使用したい場合は、画像を挿入するという別のオプションがあります。 ただし、すべての電子メール クライアントがデフォルトで画像を表示するわけではありません。

私は写真のないこの手紙を受け取りました。 画像に CTA があったかどうかはわかりませんが、あった可能性があります。

Web セーフ フォントは、デフォルトの電子メール フォントです。

Arial、Courier、Georgia、Helvetica、Tahoma、Times New Roman、Trebuchet、Verdana がデフォルトの電子メール フォントです。 ほぼすべてのデバイスにインストールされているため安全です。

電子メールに最適なフォントは何ですか?

タイムズ・ニュー・ローマンズ

私たちの古くからのクールな友人です。 これはおそらく最もよく使用されるフォントの 1 つです。 教師がこのフォントの使用を推奨したのを覚えていますか? それには正当な理由があります。

Verdana は、軽快で読みやすいフォントです。

それは実用的な目的も意図していました。 エッジが柔らかくて読みやすいです。

Verdana と Georgia はデバイス画面用に特別に設計されているため、電子メールで最もよく機能します。

電子メールのデフォルトのフォント設定

現時点では Gmail は Arial を使用しており、Chrome は Arial をサポートしておらず、Helvetica に変わります。 Apple Mail は Helvetica を使用します。

問題は、それほど良くないフォントがなぜ使用されるのかということです。

答えはテクノロジーにあります。 これらのフォントは、低解像度のコンピュータ画面でも適切に表示されます。 テクノロジーが進化し、よりきれいな文字を使用できるようになりました。 何らかの不可解な理由により、私たちは電子メールでこれらの古いフォントを使い続けなければなりません。

最適なフォントサイズはどれくらいですか?

ブルームズバーグの調査によると、Helvetica と Arial は電子メールの候補としては不十分です。

文字の最も一般的なフォントは、Time News Roman、Verdana、Arial、Tahoma です。 あらゆる目的に使用できます。

サイズはフォントによって異なります。 見出しは 22 ～ 28 ピクセル、テキストは約 14 ～ 18 ピクセルにする必要があります。

ビジネスメールに最適なフォントは何ですか?

企業メールには標準フォントを使用します。

クールで控えめな Verdana を使用してください。 サイズ12がちょうどいいでしょう。

電子メールのフォントを使用するためのヒント

一貫性を保つ

すべてのメールで同じフォントとサイズを使用します。 ある手紙がコミックに掲載され、もう一方の手紙がタイムズ・ニュー・ローマンに掲載されたら面白いでしょう。

また、電子メールのフォントがブランドと一致していることを確認してください。 ウェブサイトで使用する色を選択します。

小さすぎるフォントは使用しないでください

モバイル ユーザーのことを考えると、これは重要です。 レスポンシブ デザインは常に優先されるべきです。 モバイル ユーザーは非常に小さな文字を読むことができません。 推奨サイズは 14 ピクセル以上です。

Litmus が実施した調査によると、電子メールの 54% はモバイル デバイスで読まれています。 それがこの細部に注意を払う良い理由ですよね。

大きすぎるフォントは適していません

彼らはユーザーの面前で叫ぶだけです。 これは大きなマイナスです。

ただし、対象ユーザーが高齢者である場合は、メガネなしでもメールを読めるようにしてください。

誰も使用していないカスタム フォントは使用しないでください。

珍しいフォントに対するあなたの情熱がわかります。 しかし、受信者がダウンロードしていないためにフォントを読めない場合、素晴らしいフォントは役に立ちません。

不適切なフォント

繰り返しになりますが、ビジネス パートナーに電子メールを送信する場合は、本格的なフォントを使用してください。 最も一般的なビジネス電子メール フォントは、Times New Roman、Helvetica、Arial です。

電子メールに適切なフォントを選択することは、すでに広告キャンペーンの成功の半分を占めています。 必要なのは、素晴らしいテキストを書き、それをデザインで補完することだけです。



関連記事
種類
  • よくある質問
  • 比較
  • 無料キー
  • テクニカルプレビュー
  • ニュース
人気の記事
新しい記事