ＣＳＳでフォントを指定する方法

この文字は「serif＝明朝系のフォント」です。
この文字は「sans-serif＝ゴシック系のフォント」です。
この文字は「cursive＝草書体、筆記体のフォント」です。
この文字は「fantasy＝装飾のあるフォント」です。
この文字は「monospace＝等幅フォント」です。

このページのソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 10.0.1.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>スタイルシート覚書</title>
<style type="text/css">
<!--
H1{
font-size:16pt;
color:red;
}

-->
</style>

</herd>

</HEAD>
<body>

<H1 align=center>ＣＳＳでフォントを指定する方法</H1>

<DIV align=center style="font-size:24pt; color:blue; line-height:150%;">
<SPAN style="font-family:serif">この文字は「serif＝明朝系のフォント」です。</SPAN><BR>
<SPAN style="font-family:sans-serif">この文字は「sans-serif＝ゴシック系のフォント」です。</SPAN><BR>
<SPAN style="font-family:cursive">この文字は「cursive＝草書体、筆記体のフォント」です。</SPAN><BR>
<SPAN style="font-family:fantasy">この文字は「fantasy＝装飾のあるフォント」です。</SPAN><BR>
<SPAN style="font-family:monospace">この文字は「monospace＝等幅フォント」です。</SPAN><BR>
</DIV>

<P align="center"><BR>
<A href="css4.htm" target="_self"><IMG src="a_btn061.gif" width="44" height="18" border="0"></A></P>
</body>
</html>