フォントを指定する

font-family: フォント名,フォント名,フォント名、・・・・

font-family プロパティはフォント名を指定します。
フォント名はひとつでも指定できますが、「,」で区切って複数指定することが出来ます。
その場合は、より先(左)に指定されているフォントで、ユーザーの環境で表示可能な
ものが採用されます。フォント名の中にスペースが含まれている場合は、
必ずその前後を「”」または「’」で囲う様にして下さい。
また、フォント名として、フォントの種類を表すキーワードを指定することも出来ます。
各キーワードは、それぞれ次の様な種類を表します。

.serif
.sans-serif
.cursive
.fantasy
.monospace
明朝系(例:Times New Roman,MS P明朝)
ゴシック系(例:Helvetica,MS Pゴシック,Osaka)
草書体・筆記体系(例:Caflisch Script,Adobe Poetica)
装飾的なフォント(例:Critter,Cottonwood)
等幅フォント(例:MS ゴシック,Osaka-等幅)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--

h1 { font-family: Impact, sans-serif }
p { font-size: x-large }
.min { font-family: "MS P明朝",平成明朝,serif }
.gth { font-family: "MS Pゴシック",osaka,sans-serif }
.com { font-family: "comic sans MS",sans-serif }
-->
</style>

</herd>
<body>
<h1>font-family</h1>
<p class="min">この部分は明朝体に設定しています。</p>
<p class="gth">この部分はゴシック体に設定しています。</p>
<p class="com">Comic Sans MS</p>
</body>
</html>