serif 明朝系フォント
sans-serif ゴシック系フォント
cursive 草書系フォント
fantasy 装飾系フォント
monospace 等幅系フォント
font-family:"MS ゴシック",Osaka,sans-serif;
font-family:"MS P明朝","ヒラギノ明朝 Pro W3",serif;
<p style='font-family: serif;'>serif 明朝系フォント</p>
<p style='font-family: sans-serif;'>sans-serif ゴシック系フォント</p>
<p style='font-family: cursive;'>cursive 草書系フォント</p>
<p style='font-family: fantasy;'>fantasy 装飾系フォント</p>
<p style='font-family: monospace;'>monospace 等幅系フォント</p>
<style type="text/css">
/* ゴシック系フォント */
.gothic { font-family:"MS Pゴシック",Osaka,sans-serif; }
/* 明朝系フォント */
.myocho { font-family:"MS P明朝","ヒラギノ明朝 Pro W3",serif; }
</style>
<p class='gothic'>font-family:"MS ゴシック",Osaka,sans-serif;</p>
<p class='myocho'>font-family:"MS P明朝","ヒラギノ明朝 Pro W3",serif;</p>