WordPress Webサイトに最適なフォントを選択する方法は？

公開: 2020-03-01

インターネットがウェブサイトで溢れているとき、ウェブサイトのデザインの細部の重要性を誇張するのは難しいです。想像できる最も美しいデザインを持っているにもかかわらず、読みやすいフォントがない場合、WordPressのWebサイトやブログは不十分になる可能性があります。対照的に、適切なフォントの組み合わせは、ビジネスやニッチに応じて、視聴者を魅了し、競合他社から際立たせるのに役立ちます。

最初に、Webデザインの分野に慣れていない場合、WordPressフォントに戸惑うのは不自然ではないことをはっきりさせておきます。膨大な数のフォントがあり、初心者や経験の浅い人にとっては、お菓子屋さんの子供みたいな気分になるかもしれません。あらゆる種類のフォントを組み合わせて組み合わせ、腸の感覚に基づいて決定を下すことができます。ただし、うまく機能しない場合もあります。この記事は、さまざまなフォントスタイルの完璧な組み合わせを備えた、よりクリーンで見た目に美しいWebサイトを作成できるようにする特定のガイドラインを支援することを目的としています。

しかし、フォントの領域に入る前に、Webサイトを設計するときのフォントの役割を理解してみましょう。

フォントは読むべきものがあります。だから、あなたは読みやすいものを空想する必要があります。ただし、クールで汚れた外観のWebサイトを作成しようとしている場合は、意図的に読めないものを探すこともできます。しかし、ほとんどの場合、Webサイトのフォントに関しては、読みやすさが最大の関心事です。

読みやすさの観点からオプションを絞り込んだら、フォントを使用して何を伝えたいかに焦点を当てます。それで、それを通過するプロセスは何ですか？あなたは自分自身にいくつかの質問をしなければなりません。

1つ目は、以前に証明されたクラシックまたは昔のお気に入りである必要がありますか、それとも新しいものである必要がありますか。これが重要な質問だと思う理由を説明しましょう。選択するフォントは、Webサイトの目的、製品、またはサービスを反映している必要があります。確立されて認識できるフォントを選択することも、新しくてファンキーなフォントを選択することもできます。これらの2つのアプローチのいずれにも問題はありませんが、Webサイトのニッチに基づいて決定を下す必要があります。

不動産や金融機関に関連するB2Bビジネスや業界をターゲットにしている場合は、認識可能で確立されたフォントを選択することをお勧めします。一方、あなたのウェブサイトを他の競合他社と目立たせて差別化したいのであれば、新しくてグルーヴィーなものを選ぶ方が良いかもしれません。目標に応じて判断を下す必要があります。この質問を理解すると、フォントを探索するときにどこを探すかがわかります。

フォントがクラシックで認識可能でなければならない場合は、簡単に見つけることができます。あなたはグーグルするか、25の最もよく使われる古典的なフォントのリストをあなたに与えるこの記事をチェックすることができます。これらのクラシックフォントの1つまたはそれらのフォントの組み合わせを選択しても、これらが時代遅れになることはないため、すばらしいWebサイトを作成できます。

繰り返しになりますが、Webサイトを新しくて異なったものにしたい場合は、あまり多くの人が使用していないフォントを選択する必要があります。読みやすさのテストに合格するのに十分にキュレーションされた新しいフォントを探しに行くことができる多くのオンラインリソースがあります。予算が限られている場合は、フリーフォントを探すことができます。予算が限られている場合は、さまざまなオプションでGoogleFontsを試すことをお勧めします。または、無料の代替フォントが期待に応えられない場合は、高品質のプレミアムフォントを選択することもできます。

WordPress Webサイトに最適なフォントを選択する際に、考慮しなければならないことがいくつかあります。

ゼロから始めましょう

ウェブサイトのフォントに関しては、最初は圧倒されるかもしれない考慮すべきことがたくさんあります。そのため、先に進む前に、非常に基本的なことから始める方がよいのです。

WordPressウェブサイトにSerifまたはSansSerifを選択する方法

何を選ぶか–セリフまたはサンセリフ？

これらは、フォントの2つの主要なタイプです。はい、何百ものフォントがありますが、それらは通常、セリフとサンセリフの2つの主要なカテゴリに分類されます。

セリフ書体には、文字の縦と横のストロークの最後に装飾的なストロークが付いています。このカテゴリに分類されるフォントは、最も伝統的な代替フォントであり、最も信頼できるフォントスタイルの1つと見なされています。人気のあるセリフフォントには、The Times New Roman、Georgia、Baskervilleなどがあります。 The Times New RomanのようなWordPressフォントは非常に読みやすく、長い間使用されてきたため、間違いなく選択できます。

一方、サンセリフ書体は、文字に装飾的または鋭いストロークがなく、よりモダンでクリーンなデザインになっています。 Helvetica、Futura、およびArialは、最もよく使用されるSansSerifフォントの例です。

選択するフォントの種類は、ターゲットオーディエンスと、Webサイトを通じてどのようなムードを呼び起こしたいかによって大きく異なります。セリフ書体は通常、よりフォーマルでエレガントなトーンを作成する目的で使用されます。このカテゴリに分類されるフォントは、雑誌やファッション業界で別の外観を作成するためによく使用されます。

サンセリフは、そのミニマリズムとシンプルさで知られています。サンセリフフォントには非常に柔軟性があり、古いスタイルの書体と組み合わせて、より伝統的な雰囲気を作り出すことができます。最近のほとんどのWebサイトでは、すっきりとしたモダンな外観のためにSansSerifフォントが好まれています。

カーニング、リーディング、トラッキングに目を光らせてください

これらは、書体の全体的な外観に関連するデザイン要素です。これらの方法は、視覚的に心地よく読みやすいテキストを確保するために適用されます。カーニングは2つの文字の間のスペースに使用され、2つの行の間のスペースをリードし、トラッキングは文字のグループ間のスペースです。

コントラストの重要性を無視しないでください

ウェブデザインの分野の専門家は、テキストのさまざまな部分を強調するためにコントラストを使用します。フォントを使用すると、実際にはいくつかの異なる方法でコントラストを実現できます。サイズ、重さ、間隔、スタイル、そして色によってコントラストを実現できます。テキストの特定の部分を太字で表示したり、さまざまな色を適用して1つまたは複数の単語を強調表示したり、さまざまな書体を組み合わせてコントラストを付けたりすることができます。 2〜3つのフォントまたは書体の適切な組み合わせ（フォントペアリングとも呼ばれます）は、目立ち、ターゲットオーディエンスとのエンゲージメントを高めるのに役立ちます。

スムーズな読書体験を確実にするためにあなたのテキストを揃えてください

テキストを左、右、または中央に揃えるオプションがあります。また、テキストを右側に不揃いのままにするか、正当化することもできます。

通常、左揃えのテキストは読みやすくなります。完全に正当化されたテキストは、正式な外観に適しています。それどころか、不規則なテキストは、より非公式で親しみやすい雰囲気を与えます。スペースの制限は別として、テキストの配置を設定する前に、ターゲットオーディエンスの性質と彼らの期待について考える必要があります。また、画像を追加してテキストのくすみを少なくし、画像の周りにテキストをまとめて見栄えを良くすることもできます。

行の長さ（テキストブロックの左側と右側の間のスペース）は、注意が必要なもう1つの領域です。行の長さは、1行あたりの平均文字数で測定できます。専門家によると、最適な行の長さは、スペースを含めて45〜80文字です。

あなたの書体はあなたのウェブサイトの目的を反映するべきです

Webにはたくさんの書体があり、フォントの選択に関して事実上制限はありません。たくさんのオプションがあるのがどんなに優れていても、正しい書体やフォントの選択がより複雑になることがあります。そのため、Webで利用可能な代替手段に飛び込む前に、WordPressWebサイトの目的とターゲットとするオーディエンスを検討することが重要です。書体やフォントを選択する前に、それがあなたやあなたのブランドが宣伝したい個性やメッセージを反映しているかどうかを慎重に検討する必要があります。

eコマースWebサイトで作業しているときは、ポートフォリオに使用した書体を避けたいと思うでしょう。これらの問題を念頭に置いておくと、現在のプロジェクトで機能するものと機能しないものを簡単に判断できます。

一貫性について話しましょう

フォントのペアリングに関しては、一貫性が重要です。異なる書体を混ぜ合わせることでコントラストを実現することについても触れましたが、それでも一貫性を保つ必要があります。複数の種類のフォントを相互に使用しないことを強くお勧めします。ほとんどの場合、2、3の異なるフォントのみを使用すると、最良の結果を得るのに役立ちます。あるフォントスタイルのヘッダーと別のフォントの本文がある場合があります。

フォントの組み合わせはどうですか

フォントをペアリングするときは、いくつかのことを考慮する必要があります。フォントが異なれば、実際にはさまざまなムードをエミュレートできます。さまざまな「ムード」の複数のフォントスタイルを混在させることは、Webサイトの訪問者をページ上のコンテンツに引き付けることになると役に立ちません。それどころか、気分の異なる2つのフォントを組み合わせるとうまくいくかもしれません。鈍いフォントタイプとニュートラルなフォントタイプを組み合わせることができます。前者は見出しによく合いますが、後者は常に本文テキストのより良い代替手段です。安全のために、セリフとサンセリフの組み合わせをお勧めします。コントラストを作成することがフォントをペアリングする唯一の目的であり、SerifとSans Serifの組み合わせは、微妙ではありますが明確な違いでそれを実現するのに確かに役立ちます。

それでもわからない場合は、同じフォントファミリから2つのフォントを選択するのが常に安全です。結局のところ、それらは一緒に行くように設計されていました。

最後の言葉

ウェブデザインの世界でグラフィックデザイン要素が爆発的に増加しているにもかかわらず、ウェブ上の情報の90％以上がタイポグラフィの形式になっています。統計は、Webサイトに最適なWordPressフォントを選択することがいかに重要であるかを示しています。最初に、Webサイトの目的を決定してから、サイトに配置しようとしているものとうまく機能するフォントの組み合わせを探し始めます。 Web上のフォントや書体の数に実質的な制限はないため、WordPressWebサイトに最適なフォントを確実に見つけることができます。