font family with generic fonts : font family : Text Attributes HTML CSS TUTORIALS

HTML CSS TUTORIALS » Text Attributes » font family »

font family with generic fonts


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type='text/css'>
          body {
            font-size: 40px;
          }
          p {
            margin: 0;
          }
          p#serif {
            font-family: serif;  
          }
          p#sans-serif {
            font-family: sans-serif;
          }
          p#cursive {
            font-family: cursive;
          }
          p#fantasy {
            font-family: fantasy;
          }
          p#monospace {
            font-family: monospace;
          }
        </style>
    </head>
    <body>
    <p id='serif'>
      This is serif.
    </p>
    <p id='sans-serif'>
      This is sans-serif.
    </p>
    <p id='cursive'>
      This is cursive.
    </p>
    <p id='fantasy'>
      This is fantasy.
    </p>
    <p id='monospace'>
      This is monospace.
    </p>
    </body>
</html>