フォントファミリー（HTML）

HTMLおよびXHTMLでは、CSS フォントファミリプロパティを使用して、優先フォントと汎用ファミリ名のリストを指定します。このプロパティは、フォントプロパティの関連付けと連動して、文字のレンダリングに使用される特定のフォントフェースを決定します。 フォントファミリは、一般的に共有されているデザインスタイルによって定義されたフォントのグループです。

一般的なデザインスタイルを共有するフォントは、一般的にフォントファミリにグループ化されます。フォントファミリのメンバーは、文字の形状表示（ストロークの太さ、傾き、相対的な幅など）によって区別されます。 フォントフェイスは、特定のフォントファミリとそのメンバープロパティ（CSSフォントプロパティ）の一意の組み合わせです。

非推奨のfont要素を使用して、フォントフェイス属性を他のフォントプレゼンテーション属性と組み合わせてHTMLに適用できます。

CSSフォントファミリ値のベストプラクティスは、空白を含む値で必要とされるため、それぞれを引用符で区切ることです。

CSSでは、 フォントファミリ （またはHTMLのface属性）は、フォントファミリとしてグループ化された一連の関連フォントで構成されます。たとえば、 Timesファミリには、さまざまなフォントサイズ、スタイル（ローマ字や斜体など）、および太さ（レギュラーやボールドなど）が含まれています。

Webブラウザーは、ユーザーのローカルインストールだけでなくオンラインでフォントにアクセスでき、両方の長所を活用してシームレスなユーザーエクスペリエンスを提供します。常にそうとは限りません。 フォントファミリは、テキストをレンダリングするときに使用するフォントファミリの優先順のリストです。リストはコンマで区切られています（上記を参照）。予期しない結果を避けるために、フォントリストの最後のフォントファミリは、デフォルトで常にHTMLおよびCSSで使用可能な5つの汎用ファミリのいずれかである必要があります。フォントが見つからない場合、Webブラウザはデフォルトのフォントを使用しますが、これはユーザー定義のフォントである場合があります。 Webブラウザによっては、ユーザーは実際にコードライターが定義したフォントをオーバーライドできます。これは個人的な好みの理由による可能性がありますが、より大きなフォントサイズの必要性や特定の色の回避など、ユーザーの物理的な制限による可能性もあります。

汎用フォント

フォントファミリは、特定の名前のフォント（ 平成明朝W9など ）を使用できますが、結果はユーザーマシンにインストールされているフォントによって異なります。実際の外観は、ブラウザとシステムにインストールされているフォントによって異なります。たとえば、Microsoft WindowsにFirefoxをデフォルトでインストールすると、 セリフとTimesの両方がTimes New Romanとして、 sans-serifとHelveticaの両方がArialとして表示されます。

通常、それらの小さなサブセット、主に「Serif」、「Sans-serif」、「Monospace」、および「Cursive」のみが、ユーザーがWebブラウザーで簡単に構成できます。