topical media & game development

talk show tell print

basic-css-09-Examples-font-weight.htm / htm



  <!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>


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.