|
フォントを指定するときに使う属性です。値には、フォント名またはフォントファミリー名を、第1候補,第2候補...のようにカンマ(,)で区切って複数指定することができます。その場合、第1候補から順に指定したフォントが見つかるまで表示を試みていきます。指定したフォントが存在しない場合、ブラウザ側でそれに似たフォントが割り当てられます。フォント名にスペースが含まれる場合は、シングルクォーテーション(')又はダブルクォーテーション(")でくくる必要があります。
|
<span ID="セレクタ名">テキスト</span>
|
|
serif
|
明朝体やTimesなど
|
|
sans-serif
|
ゴシック体やHelveticaなど
|
|
cursive
|
筆記体的なフォント
|
|
fantasy
|
装飾がメインとなったフォント
|
|
monospace
|
等幅のフォント
|
|
例1
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<title>フォントを指定する</title>
<style type="text/css">
<!--
#serif {font-family:serif;}
#sans-serif {font-family:sans-serif;}
#cursive {font-family:cursive;}
#fantasy {font-family:fantasy;}
#monospace {font-family:monospace;}
#myfont1 {font-family:新ゴB,新ゴM,'ＭＳ ゴシック';}
-->
</style>
</head>
<body>
<span ID="serif">htmlとスタイルシート</span>
<br>
<span ID="sans-serif">htmlとスタイルシート</span>
<br>
<span ID="cursive">htmlとスタイルシート</span>
<br>
<span ID="fantasy">htmlとスタイルシート</span>
<br>
<span ID="monospace">htmlとスタイルシート</span>
<br>
<span ID="myfont1">htmlとスタイルシート</span>
</body>
</html>
こうなります
|
|
