<pre> 
&lt;!DOCTYPE html>
&lt;html>

&lt;head>
  &lt;title>CSS Example&lt;/title>
  &lt;style type="text/css">
	body {
   		color:#000000;
   		background-color:#ffffff;
   		font-family:arial, verdana, sans-serif; }

	h1 {font-size:18pt;}

	p {font-size:12pt;}

	table {
   		background-color:#efefef;
   		border-style:solid;
   		border-width:1px;
   		border-color:#999999;}

	th {
   		background-color:#cccccc;
   		font-weight:bold;
   		padding:5px;}

	td {padding:5px;}

	td.code {
   		font-family:courier, courier-new, serif;
   		font-weight:bold;}
   &lt;/style>   
&lt;/head>

&lt;body>

&lt;h1>Basic CSS Font Properties&lt;/h1>
&lt;p>The following table shows you the basic CSS font properties that allow you to change the appearance of text in your documents.&lt;/p>
  
&lt;table>
  &lt;tr>
    &lt;th>Property&lt;/th>
    &lt;th>Purpose&lt;/th>
  &lt;/tr>
  &lt;tr>
    &lt;td class="code">font-family&lt;/td>
    &lt;td>Specifies the font used.&lt;/td>
  &lt;/tr>
  &lt;tr>
    &lt;td class="code">font-size&lt;/td>
    &lt;td>Specifies the size of the font used.&lt;/td>
  &lt;/tr>
  &lt;tr>
    &lt;td class="code">font-style&lt;/td>
    &lt;td>Specifies whether the font should be normal, italic or oblique.&lt;/td>
  &lt;/tr>
  &lt;tr>
    &lt;td class="code">font-weight&lt;/td>
    &lt;td>Specifies whether the font should be normal, bold, bolder, or lighter&lt;/td>
  &lt;/tr>
&lt;/table>

&lt;/body>
&lt;/html></pre>