PHP & JavaScript Room :: 設置サンプル

実行結果

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>