font-family プロパティ

プロパティ font-family は、 フォントの種類を設定します。

構文

備考

フォント名にスペースが含まれる場合、例えば Times New Roman は、 シングルクォートまたはダブルクォートで囲む必要があります。

備考

カンマで区切って複数の類似フォントを列挙できます。 ブラウザがリスト内の最初のフォントを検出すると、 ユーザーのコンピュータにそのフォントが存在するか確認します。 そのフォントが存在しない場合、 リスト内の次のフォントが取得され、同様に存在が分析されます。 したがって、複数のフォントを指定することで、 クライアントコンピュータ上で少なくとも1つが 発見される確率が高まります。

リストの終わりは通常、フォントの種類（すべてのフォントは 何らかの種類に属します）を記述するキーワード、 serif, sans-serif, cursive, fantasy または monospace で締めくくります。 ブラウザがユーザーのコンピュータ上で指定されたフォントを 1つも見つけられなかった場合、 指定された種類のフォントから1つを選択します。

フォントの種類

種類	説明
serif	セリフ体（ひげ付きフォント）。
sans-serif	サンセリフ体（ひげなしフォント）。
cursive	筆記体フォント。
fantasy	装飾的なフォント。美しい装飾や特殊な効果を持つ。
monospace	等幅フォント。各文字の幅が同じ。

デフォルト値：ブラウザでデフォルトに設定されているフォント。 通常は Times New Roman。

例

フォントファミリーに Arial を指定します：

:

例

フォントファミリーに Times New Roman を指定します。 フォント名が複数の単語で構成されているため、 引用符で囲みます：

:

例

フォントに serif グループのフォントを指定します （おそらく Times New Roman が使用されます）：

:

例

フォントに sans-serif グループのフォントを指定します （おそらく Arial が使用されます）：

:

例

フォントに fantasy グループのフォントを指定します （そのようなフォントが存在しない場合、 動作しない可能性があります）：

:

例

フォントに monospace グループのフォントを指定します （文字が同じサイズになります）：

: