font

プロパティの説明

fontは、文字に関する全ての設定をまとめて指定することができるプロパティです。ここで指定されなかった値は全て初期値が与えられてしまうので注意が必要です。全ての要素に指定することができます。

指定できる値

値を設定したい場合、以下の順序で半角スペースで区切って指定する必要があります。

太字の太さ(font-weight)
normal または bold を指定できます。
太字を斜体にするか(font-style)
normal または italic を指定できます。
文字の大きさ(font-size)
指定必須。数値(px, em, %)などを指定できます。
太字のフォント(font-family)
指定必須。フォント名、キーワードを指定できます。

サンプル

サンプルページ

<!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">
 <!--
 .f1{font:bold italic 16px "MS P明朝", osaka, serif;}
 .f2{font:12px monospace;}
 -->
 </style>
</head>

<body>
 <h1>サンプルページ</h1>
 <p class="f1">文字サイズ16ピクセル、太字、斜体、MS P明朝を指定しています。</p>
 <p class="f2">文字サイズ12ピクセル、monospaceを指定しています。</p>
</body>

</html>