font-familyプロパティは要素内の文字の表示書体となるフォントを指定します。値にはフォント名、または総称ファミリ名を指定します。総称ファミリ名が指定された場合は、UA の環境設定に指定されているフォントが自動的に選ばれて、そのフォントで表示されます。
フォント名の指定は複数指定が可能で、各フォント名をコンマ（,）区切りで指定します。複数指定した場合は、ユーザーの利用している環境（コンピュータ）にインストールされているフォントが指定順に優先して反映されます。また、"ＭＳ Ｐゴシック" のようにフォント名にスペースを含む場合は、フォント名の前後をシングルクォーテーション（'）、またはダブルクォーテション（"）の引用符で括る必要があります。
sans-serifArial"のようにヒゲのない書体serifmonospaceＭＳ ゴシック"や"Courier New"のような固定幅フォントfantasycursive"cursive" と "fantasy" については現在の主要な視覚環境の UA に具体的なフォントが割り当てられていないため、指定されても効果がない UA もあるようです。総称ファミリは指定していたフォントが全て使えなかった場合にも対処できる様に値の最後には総称ファミリを指定しておくことが推奨されています。
font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
たとえば、上記の指定の場合、英数字の欧文フォント対象部分には、Windows・Macintosh の両プラットフォーム（OS）で共に "Arial" が適用され、漢字・平仮名・カタカナの和文フォント対象部分は Windows のみに "ＭＳ Ｐゴシック" が適用され、Macintosh では総称ファミリの "sans-serif" 系統のフォントの中からユーザーが UA の環境設定に指定している何れかのフォントが自動的に選択されて、そのフォントで表示されます。
Windows・Macintosh の両プラットフォーム（OS）に共通して標準的にインストールされている欧文フォント名に "Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana" などがあります。
Macintosh版Internet Explorer 5 ではフォントの複数指定は無効のため、第一候補のフォントが環境にインストールされていない場合は初期値のフォントで表示します。さらに、欧文フォント名が指定されていても、要素に個別に lang属性（XHTML では xml:lang属性）で欧米の言語を示す "en" などの言語コードを指定していなければ表示には反映されません。また、Safari では "ヒラギノ角ゴ Pro W3" のようにフォント名の中に日本語が含まれているものは無効になります（無視される）。