<!DOCTYPE html>
<html>
<head>
  <title>CSS Example</title>
  <link rel="stylesheet" type="text/css" href="1font-weight.css">
</head>

<body>
<h1>font-weight Properties</h1>

<table width=300px>

<tr><td valign="top">
<p class="normal">normal</p>
<p class="bold">bold</p>
<p class="bolder">bolder</p>
<p class="lighter">lighter</p>

</td><td>
<p class="w100">100</p>
<p class="w200">200</p>
<p class="w300">300</p>
<p class="w400">400</p>
<p class="w500">500</p>
<p class="w600">600</p>
<p class="w700">700</p>
<p class="w800">800</p>
<p class="w900">900</p>
</td></tr>
</table>
 
</body>
</html>