font-familyの使い方

font-family

プロパティの説明

font-familyは、文字のフォントを指定するプロパティです。ユーザの環境に依存するので、複数の値をカンマで区切って指定することが可能です。全ての要素に指定することができます。

指定できる値

フォント名: 使用するフォント名を指定します。フォント名にスペースが含まれている場合は、""で囲む必要があります。
キーワード: フォント種類を表すキーワードで指定します。
serif：明朝系
sans-serif：ゴシック体
monospace：等幅

サンプル

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "https://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="Content-Style-Type" content="text/css">
 <title>サンプルページ</title>
 <style type="text/css">
 <!--
 .ms{font-family:"ＭＳ Ｐ明朝", Osaka, serif;}
 .mo{font-family:monospace;}
 -->
 </style>
</head>

<body>
 <h1>サンプルページ</h1>
 <p class="ms">ＭＳ Ｐ明朝を指定しています。</p>
 <p class="mo">monospaceを指定しています。</p>
</body>

</html>