フォントファミリのレンダリング

<style type="text/css"><!--
.eg1 {font-family:"MS Gothic", "Hiragino Kaku Gothic Pro", sans-serif; line-height:1.5em;}
.eg2 {font-family:"MS PGothic", Osaka-Mono, monospace; line-height:1.5em;}
.eg3 {font-family:"MS Mincho", "Hiragino Mincho Pro", serif; line-height:1.5em;}
.eg4 {font-family:"MS PMincho", "Hiragino Mincho Pro", serif; line-height:1.5em;}

.eg5 {font-family:Arial, sans-serif;}
.eg6 {font-family:"Arial Black", sans-serif;}
.eg7 {font-family:"Comic Sans MS", cursive;}
.eg8 {font-family:Courier, monospace;}
.eg9 {font-family:"Courier New", monospace;}
.eg10 {font-family:Georgia, serif;}
.eg11 {font-family:Impact, sans-serif;}
.eg12 {font-family:Tahoma, sans-serif;}
.eg13 {font-family:"Times New Roman", serif;}
.eg14 {font-family:"Trebuchet MS", sans-serif;}
.eg15 {font-family:Verdana, sans-serif;}
--></style>

<div class="eg1">色は匂へど散りぬるを我が世誰そ常ならむ　'MS Gothic', 'Hiragino Kaku Gothic Pro'</div>
<div class="eg2">色は匂へど散りぬるを我が世誰そ常ならむ　'MS PGothic', Osaka-Mono</div>
<div class="eg3">色は匂へど散りぬるを我が世誰そ常ならむ　'MS Mincho', 'Hiragino Mincho Pro'</div>
<div class="eg4">色は匂へど散りぬるを我が世誰そ常ならむ　'ＭＳ Ｐ明朝', 'Hiragino Mincho Pro'</div>
<br>
<div class="eg5">The quick brown fox jumps over the lazy dog. Arial.</div>
<div class="eg6">The quick brown fox jumps over the lazy dog. Arial Black.</div>
<div class="eg7">The quick brown fox jumps over the lazy dog. Comic Sans MS.</div>
<div class="eg8">The quick brown fox jumps over the lazy dog. Courier.</div>
<div class="eg9">The quick brown fox jumps over the lazy dog. Courier New.</div>
<div class="eg10">The quick brown fox jumps over the lazy dog. Georgia.</div>
<div class="eg11">The quick brown fox jumps over the lazy dog. Impact.</div>
<div class="eg12">The quick brown fox jumps over the lazy dog. Tahoma.</div>
<div class="eg13">The quick brown fox jumps over the lazy dog. Times New Roman.</div>
<div class="eg14">The quick brown fox jumps over the lazy dog. Trebuchet MS.</div>
<div class="eg15">The quick brown fox jumps over the lazy dog. Verdana.</div>

<style type="text/css"><!--
.eg1 {font-family:serif;}      /* 明朝系のフォント */
.eg2 {font-family:sans-serif;} /* ゴシック系のフォント */
.eg3 {font-family:cursive;}    /* 筆記体、草書体系のフォント */
.eg4 {font-family:fantasy;}    /* 装飾的なフォント */
.eg5 {font-family:monospace;}  /* 等幅のフォント */
--></style>

<div class="eg1">
The quick brown fox jumps over the lazy dog.<br>
色は匂へど散りぬるを我が世誰そ常ならむ有為の奥山今日越えて浅き夢見じ酔ひもせず
</div><br>

<div class="eg2">
The quick brown fox jumps over the lazy dog.<br>
色は匂へど散りぬるを我が世誰そ常ならむ有為の奥山今日越えて浅き夢見じ酔ひもせず
</div><br>

<div class="eg3">
The quick brown fox jumps over the lazy dog.<br>
色は匂へど散りぬるを我が世誰そ常ならむ有為の奥山今日越えて浅き夢見じ酔ひもせず
</div><br>

<div class="eg4">
The quick brown fox jumps over the lazy dog.<br>
色は匂へど散りぬるを我が世誰そ常ならむ有為の奥山今日越えて浅き夢見じ酔ひもせず
</div><br>

<div class="eg5">
The quick brown fox jumps over the lazy dog.<br>
色は匂へど散りぬるを我が世誰そ常ならむ有為の奥山今日越えて浅き夢見じ酔ひもせず
</div>