Font Weight

Example Code


<!-- Codes by HTMLmagics -->
<p style="font-weight:normal;">This text has a font-weight value of: normal</p>
<p style="font-weight:bold;">This text has a font-weight value of: bold</p>
<p style="font-weight:bolder;">This text has a font-weight value of: bolder</p>
<p style="font-weight:lighter;">This text has a font-weight value of: lighter</p>
<p style="font-weight:100;">This text has a font-weight value of: 100</p>
<p style="font-weight:200;">This text has a font-weight value of: 200</p>
<p style="font-weight:300;">This text has a font-weight value of: 300</p>
<p style="font-weight:400;">This text has a font-weight value of: 400</p>
<p style="font-weight:500;">This text has a font-weight value of: 500</p>
<p style="font-weight:600;">This text has a font-weight value of: 600</p>
<p style="font-weight:700;">This text has a font-weight value of: 700</p>
<p style="font-weight:800;">This text has a font-weight value of: 800</p>
<p style="font-weight:900;">This text has a font-weight value of: 900</p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/text/font-code.cfm">HTML font codes</a></p>



Result




This text has a font-weight value of: normal

This text has a font-weight value of: bold

This text has a font-weight value of: bolder

This text has a font-weight value of: lighter

This text has a font-weight value of: 100

This text has a font-weight value of: 200

This text has a font-weight value of: 300

This text has a font-weight value of: 400

This text has a font-weight value of: 500

This text has a font-weight value of: 600

This text has a font-weight value of: 700

This text has a font-weight value of: 800

This text has a font-weight value of: 900

HTML font codes