font-familyで書式を変更
font-familyで書式を変更
ここでは、スタイルシートの「font-family」のプロパティを使用して、例の見出し4に文字の形を指定する方法を解説します。
font-family
文字には様々な書式があります。これを一般的には「font」（フォント）と言います。一般的には何も指定しなければ、ブラウザの標準フォントが適用されます。これを変更するには、スタイルシートで「font-family」というプロパティを使用して変更できます。スタイルシートを以下のようにします。（赤線が追記部分）
h4.samplecolor {
color: #FF0000;
font-size: 14px;
padding: 1px 0px 0px 28px;
background: url("images/sample_h4.gif") no-repeat left center;
height: 23px;
font-family: "ＭＳ Ｐ明朝";
}
「font-family」のプロパティで「ＭＳ Ｐ明朝」というフォントを値として指定しています。font-familyで指定する値は、ダブルクォーテーション（"）で囲みましょう。また、指定したフォントが閲覧するパソコンに入っていない場合は表示出来ずに指定していない状態と同じ表示になります。複数フォントを指定する場合は、カンマで区切りましょう。では、実際に動作を見てみましょう。
見出し4
今までの書式を指定していなかった状態と比べてみましょう。
見出し4
おわかり頂けますでしょうか？文字の書体、font（フォント）が違います。
次は「font-weightで文字の太さ」です。
この「初めてのホームページ作成」の分類には以下のページがあります。
