CSS Property Value How to - font-family example values

Question

We would like to know how to font-family example values.

Answer


<!--from   w  ww .  ja v a 2 s  .  c o  m-->
<html>

<head>
  <title>Font test</title>
  <style>
div.arial {font-family:arial, courier;}
div.helvetica {font-family:Helvetica, courier;}
div.TimesNewRoman {font-family:"Times New Roman", courier;}
div.MrsEaves {font-family:"Mrs Eaves", courier;}
div {line-height:28px;}
  </style>  
</head>

<body>
  <div class="arial">Arial The quick brown fox jumped over the lazy dog.</div>

  <div class="helvetica">Helvetica The quick brown fox jumped over the lazy dog.</div>

  <div class="TimesNewRoman">Times New Roman The quick brown fox jumped over the lazy dog.</div>

  <div class="MrsEaves">Mrs Eaves The quick brown fox jumped over the lazy dog.</div>

</body>
</html>

The code above is rendered as follows: