CSSの汎用フォントファミリーとは何ですか？

フォントスタックの終わりを見ると、 "serif"という単語で終わることに気付くはずです。これは一般的なフォントファミリ名です。万が一、ジョージアやタイムズ・ニュー・ローマンが自分のコンピュータにインストールされていない場合、そのサイトはセリフフォントを使用します。サイトのデザインの全体的なルックとトーンができるだけ損なわれないように、少なくとも使用するフォントの種類を教えてもらうことができるので、サイトをフォールバックすることが望ましいです。はい、ブラウザはあなたのフォントを選択しますが、少なくともあなたはどのような種類のフォントがデザイン内で最もうまくいくかを知るためのガイダンスを提供しています。

汎用フォントファミリ

CSSで利用可能な一般的なフォント名は次のとおりです。

• 筆記体
• ファンタジー
• モノスペース
• セリフ
• サンセリフ

slab-serif、blackletter、display、grungeなどのWebデザインやタイポグラフィでは他にも多くのフォント分類がありますが、これらの5つの一般的なフォント名は、CSSのフォントスタックで使用するものです。これらのフォント分類の違いは何ですか？見てみましょう！

筆記体 フォントには、しばしば手の込んだ手書きのテキストを複製するための、薄くて華やかな字形が特徴です。これらのフォントは、薄い花文字のため、本文コピーのような大量のコンテンツブロックには適していません。筆記体フォントは、見出しや短いテキストのニーズに使用され、大きなフォントサイズで表示することができます。

ファンタジー フォントは、他のカテゴリにはあまり入っていないややクレイジーなフォントです。ハリー・ポッターやバック・トゥ・ザ・フューチャー・ムービーの文字のようなよく知られたロゴを複製するフォントは、このカテゴリに入るでしょう。繰り返しますが、これらのフォントはボディコンテンツには適していません。これらのフォントは、これらのフォントで書かれたテキストの長文を読むのが非常に難しいため、しばしばスタイルが付けられています。

モノスペース フォントは、古いタイプライターのように、すべての文字のサイズが同じで、間隔が空いているフォントです。等幅フォントは、文字のサイズに応じて可変幅を持つ他のフォントとは異なり（たとえば、大文字の「W」は小文字の「i」よりもはるかに広いスペースを占める）、固定幅フォントはすべての文字に対して固定幅です。これらのフォントは、コードがページに表示されているときによく使用されます。その理由は、コードがそのページの他のテキストとは明らかに異なっているからです。

セリフ フォントは一般的な分類の1つです。これらは文字の上に少し余分な合字を持つフォントです。これらの余分な作品は "セリフ"と呼ばれています。一般的なセリフフォントは、GeorgiaとTimes New Romanです。セリフフォントは、見出しのような大きなテキストにも、テキストや本文の長いパスにも使用できます。

サンセリフ 私たちが見る最終的な分類です。これらは前述の合字を持たないフォントです。名前は「セリフなし」を意味します。このカテゴリの一般的なフォントは、ArialまたはHelveticaです。 serifと同様に、sans-serifフォントは見出しや本文にも同様に使用できます。