font-weight.aspx font size:
View Sample
<html>
<head>
<title>Abakada CSS Demo: font-weight Attribute</title>
<link rel="stylesheet" href="/shared/netdemos.css">
</head>

<body>
<!-- #include virtual="~/shared/top.inc" -->

<div class="header"><h2>Abakada CSS Demo: font-weight Attribute</h2></div>
<hr size=1 width=92%>

<div align="center">

<h5>The following table uses inline styles in each list item, set to the different values possible for the CSS <b>font-weight</b> style attribute. Note that <b>font-weight</b> relies on what are available for a particular font family. </h5>

<table width="85%" align="center" class="data">
<tr>
   <th>12pt verdana</th>
   <th>12pt serif</th>
   <th>12pt sans-serif</th>
</tr>
<tr>
   <td><ul style="font: 12pt verdana">
      <li style="font-weight: normal">Normal
      <li style="font-weight: bold">Bold
      <li style="font-weight: bolder">Bolder
      <li style="font-weight: lighter">Lighter
      <li style="font-weight: 100">100
      <li style="font-weight: 200">200
      <li style="font-weight: 300">300
      <li style="font-weight: 400">400
      <li style="font-weight: 500">500
      <li style="font-weight: 600">600
      <li style="font-weight: 700">700
      <li style="font-weight: 800">800
      <li style="font-weight: 900">900
   </ul></td>
   <td><ul style="font: 12pt serif">
      <li style="font-weight: normal">Normal
      <li style="font-weight: bold">Bold
      <li style="font-weight: bolder">Bolder
      <li style="font-weight: lighter">Lighter
      <li style="font-weight: 100">100
      <li style="font-weight: 200">200
      <li style="font-weight: 300">300
      <li style="font-weight: 400">400
      <li style="font-weight: 500">500
      <li style="font-weight: 600">600
      <li style="font-weight: 700">700
      <li style="font-weight: 800">800
      <li style="font-weight: 900">900
   </ul></td>
   <td><ul style="font: 12pt sans-serif">
      <li style="font-weight: normal">Normal
      <li style="font-weight: bold">Bold
      <li style="font-weight: bolder">Bolder
      <li style="font-weight: lighter">Lighter
      <li style="font-weight: 100">100
      <li style="font-weight: 200">200
      <li style="font-weight: 300">300
      <li style="font-weight: 400">400
      <li style="font-weight: 500">500
      <li style="font-weight: 600">600
      <li style="font-weight: 700">700
      <li style="font-weight: 800">800
      <li style="font-weight: 900">900
   </ul></td>
</tr>
</table>

</div>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>