web-dev-qa-db-ja.com

特定のフォントが他のフォントより読みやすいのはなぜですか?

私はタイポグラフィについて少なくとも基本的な知識があるので、タイポグラフィデザイナーがテキストをより読みやすく、より見やすくするために変更する属性を理解したいと思いますか?

たとえば、どの機能がConsolasを旧世代よりも楽しいMS consoleフォント? CalibriArialよりも広く配置されているのはなぜですか? Segoeはタイトルでは見栄えが良いが、密なテキストでは不快なのはなぜですか

アンチエイリアスを使用すると、フォントが滑らかに表示され、セリフフォントが画面上で読みづらくなりますが、グリフの美学の他の側面については要求されます。

6
Bleamer

特定のコンテキストへのフォントの適合性に影響を与える多くの要因のいくつかは次のとおりです。

  • x-height(ベースラインとほとんどの小文字の上部との間の距離)。 xの高さが大きいフォントは、サイズが小さいほど読みやすくなります。

  • カウンターサイズ(文字内の中空領域)。カウンターが大きい文字は、小さいサイズで読みやすくなります。特に、インクがカウンターににじむ可能性のある印刷メディアでは特にそうです。

  • ウェイト(ストロークの太さ、グリフの合計サイズに対する線の平均の幅)。太さは、テキストブロックの「色」(ページ上での表示の濃さ)に大きな影響を与えます。テキストのブロックを意図的に暗くて無地に見せようとしているのでない限り、太いストロークは幅の広いトラッキング(文字間隔)とリーディング(行間隔)で打ち消します。非常に小さいフォントでは、スパイダー状に見えないように、より広いストロークが必要です。

  • ストロークコントラスト(文字の最も広い部分と最も狭い部分の厚さの比率)。大きなディスプレイサイズ用に設計されたフォントは、高いストロークコントラストを使用できますが、小さなサイズの文字は、より均一なストローク幅でよりよく機能します。

  • グリフ幅。プロポーショナルフォント(すべての文字が同じ幅)は、数字の列を表すのに適していますが、他のほとんどのコンテキストでは機械的な感触があります。

  • 勾配。 (書道ペンが紙に置かれて文字を形成する角度)。ほとんどの現代のローマ字フォントは、垂直方向に重点が置かれています。イタリックおよびスクリプトフォントは、傾斜が大きくなる傾向があります。

  • 類似したフォントの歴史的な使用法フォントが歴史的にどのように使用されてきたかを調べると、フォントが想起する可能性が高い感覚を理解するのに役立ちます。たとえば、旧西部のサルーンに貼られたポスターを考えずに、トスカーナのフォント(中央に派手なふくらみがあるフォント)を見ることができません。

  • serifsセリフの様式は、歴史的な関連性に基づいて特定の感情を呼び起こすのに役立ちますが、セリフは、小さな文字の読みやすさを損なう可能性もあります。

6
Graham Herrli

一部のフォントは他のフォントよりも読みやすくなっています。これにより、ユーザーがコンテンツを読み取る方法が改善される可能性があります。

あなたが言及したフォントの場合、例えばセゴはセリフを持たないので、それが変数であるため、タイトルでよりよく見えるかもしれません。各フォントには個性があり、一部はヘッダーに適し、その他は長い記事に適していますが、すべてはフォントで何をするかによって異なります。

画面上ではセリフフォントは読みにくいとおっしゃいましたが、セリフフォントはベースラインを持っている場合があり、セリフフォントにはベースラインがあり、フォントのベースラインはテキストラインの終了位置を定義するのに役立ちます。次の行がどこから始まるかについて混乱することはありません。

適切なフォントを選択するには、テキストを入力し、行の高さ、文字の間隔を変更します。これは、作業しているプロジェクトに関するすべてです。

「より良いフォント」はありません。その場合に合うものもあれば、他のものに合うものもあります。

2
pedromarks

まず最初に、小規模と大規模の使用法:

小さなテキスト(ドキュメントの本文テキスト、または遠く離れたテキスト)の場合、文字内の行間のスペースが大きくなり、目に負担が少ないため、クリーン(非テキスト)が読みやすくなります。

大きなテキスト(ドキュメントのタイトル)の場合、装飾テキストはテキストを「文字」にして目立たせます。文字とその間隔の両方が拡大されるため、文字内の行間の間隔はそれほど重要ではありません。

テキストが暗いときに明るい場合(たとえば、黒に灰色または暗い灰色に白)、テキストは太く表示され、内部の間隔がより重要になります。


「モダン」フォントはアンチエイリアス処理されています。ピクセル全体を1または0で塗りつぶすのではなく、代わりにグレーのシェードとサブピクセル(RGB)を使用して、太い線を必要とせずに線をまっすぐに見せることができます。したがって、「モダン」フォントは細くすることができ、内部の間隔を狭め、小さなテキストに適したものにします。

2
Danny Varod

通常、これは間隔と一貫性が原因です。例えば:

enter image description here

これらのフォントはすべて正しく読みやすいですか?間隔が等間隔であるため、Calibriが最も簡単です。これは、目がそれらを読みやすくなることを意味します。

人間は実際には単語全体を読むのではなく、単語の左中央を見ます。 T.he qu.ick br.own f.ox j.umps o.ver t.he l.azy d.og(。は人間の目が見える場所を示します)フォントが等間隔であるため、目が楽になります左中央を探して、残りの単語を推測します。等幅とは、同じ間隔で配置されることを意味します(例:1文字あたり10px)。

2
M0NKEYRASH