4-13-2 文字の種類の設定

文字の種類を設定する方法です。font-familyプロパティを利用致します。(下記の見本では「body」部を全て一括で指定しております)。

<head> ~ </head> 内に記述して下さい。

<style type="text/css">
<!--
body {
font-family: "MS Pゴシック","Verdana","Chicago","Arial","Helvetica", "Osaka" ; /* 文字の種類 */
} -->
</style>

文字の種類を決める項目です。指定したフォントが表示されなかった時用に、必ずカンマ(,)で区切って複数指定しておいて下さい。(優先順位は左が一番高く、右へ行くほど順位は低くなります)

その他、特定のセレクタ(例:「body」、「p」等)に複数のプロパティ(「color」、「font-size」等)を設定する見本は 『4-9 見出しを修飾する』 をご覧下さい。

<tt> タグの代わりに等幅フォント を利用されたい方は、「font-family: "monospace";」 として下さい。


[ 関連事項 : HP-TIPS > CSS > 外部スタイルシートの記述方法 ]
[ 関連事項 : HP-TIPS > HPの作り方 > 用語集 > セレクタ ]
[ 関連事項 : HP-TIPS > HPの作り方 > 用語集 > プロパティ ]