font-weight by number from 100 to 900 : font weight : CSS Attributes and Javascript Style Properties HTML CSS TUTORIALS


HTML CSS TUTORIALS » CSS Attributes and Javascript Style Properties » font weight »

 

font-weight by number from 100 to 900


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type='text/css'>
            body {
                font-family: "Rockwell";
            }
        </style>
    </head>
    <body>
        <p style='font-weight: normal;'>
            This font is normal.
        </p>
        <p style='font-weight: bold;'>
            This font is bold.
        </p>
        <p style='font-weight: bolder;'>
            This font is bolder.
        </p>
        <p style='font-weight: lighter;'>
            This font is lighter.
        </p>
        <p style='font-weight: 100;'>
            This font is 100 weight.
        </p>
        <p style='font-weight: 200;'>
            This font is 200 weight.
        </p>
        <p style='font-weight: 300;'>
            This font is 300 weight.
        </p>
        <p style='font-weight: 400;'>
            This font is 400 weight.
        </p>
        <p style='font-weight: 500;'>
            This font is 500 weight.
        </p>
        <p style='font-weight: 600;'>
            This font is 600 weight.
        </p>
        <p style='font-weight: 700;'>
            This font is 700 weight.
        </p>
        <p style='font-weight: 800;'>
            This font is 800 weight.
        </p>
        <p style='font-weight: 900;'>
            This font is 900 weight.
        </p>
    </body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo CSS Attributes and Javascript Style Properties
» font weight