Font-weight

by magizter

HTML

<p id="lighter">
    <span>plain</span>
    <b>lighter?</b>
</p> 

<p id="normal">
    <span>plain</span>
    <b>normal?</b>
</p>    

<p id="bold">
    <span>plain</span>
    <b>bold?</b>
</p>    

<p id="bolder">
    <span>plain</span>
    <b>bolder?</b>
</p>

CSS

p { font-weight:400; font-size:2em }

#bolder b { font-weight:bolder; }

#bold b { font-weight:bold; }

#normal b { font-weight:normal; }

#lighter b { font-weight:lighter; }