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

この文字は「ＭＳ 明朝」です。
この文字は「HG丸ｺﾞｼｯｸM-PRO」です。
この文字は「HG創英角ﾎﾟｯﾌﾟ体」です。
この文字は「HG行書体」です。


このページのソース
<!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:'ＭＳ 明朝'">この文字は「ＭＳ 明朝」です。</SPAN><BR>
<SPAN style="font-family:HG丸ｺﾞｼｯｸM-PRO">この文字は「HG丸ｺﾞｼｯｸM-PRO」です。</SPAN><BR>
<SPAN style="font-family:HG創英角ﾎﾟｯﾌﾟ体">この文字は「HG創英角ﾎﾟｯﾌﾟ体」です。</SPAN><BR>
<SPAN style="font-family:HG行書体">この文字は「HG行書体」です。</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>