topical media & game development

talk show tell print

basic-css-09-Examples-font-size-all.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: sans-serif;
                  font-size: 16px;
              }
              div {
                           padding-left: 5px;
                           margin-left: 5px;
                           font-size: larger;
                           border: 1px solid gray;
              }
          </style>
      </head>
      <body style='font-size: xx-small; background: rgb(240, 240, 240);'>
                  font-size: xx-small;
                  <span style='font-size: 7pt;'>
                          font-size: 7pt;
                  </span>                        
                  <span style='font-size: 9px;'>
                          font-size: 9px;
                  </span>
                  <div style='background: rgb(230, 230, 230);'>
                          font-size: larger;
                          <span style='font-size: x-small;'>
                                  font-size: x-small;
                          </span>
                          <span style='font-size: 7.5pt;'>
                                  font-size: 7.5pt;
                          </span>
                          <span style='font-size: 10px;'>
                                  font-size: 10px;
                          </span>
                          <div style='background: rgb(220, 220, 220);'>
                                  font-size: larger;
                                  <span style='font-size: small;'>
                                          font-size: small;
                                  </span>
                                  <span style='font-size: 10pt;'>
                                          font-size: 10pt;
                                  </span>
                                  <span style='font-size: 13px;'>
                                          font-size: 13px;
                                  </span>
                                  <div style='background: rgb(210, 210, 210);'>
                                          font-size: larger;
                                          <span style='font-size: medium;'>
                                                  font-size: medium;
                                          </span>
                                          <span style='font-size: 12pt;'>
                                                  font-size: 12pt;
                                          </span>
                                          <span style='font-size: 16px;'>
                                                  font-size: 16px;
                                          </span>
                                          <div style='background: rgb(200, 200, 200);'>
                                                  font-size: larger;
                                                  <span style='font-size: large;'>
                                                          font-size: large;
                                                  </span>
                                                  <span style='font-size: 13.8pt;'>
                                                          font-size: 13.8pt;
                                                  </span>
                                                  <span style='font-size: 18px;'>
                                                          font-size: 18px;
                                                  </span>
                                                  <div style='background: rgb(190, 190, 190);'>
                                                          font-size: larger; 
                                                          <span style='font-size: x-large;'>
                                                                  font-size: x-large;
                                                          </span>
                                                          <span style='font-size: 18pt'>
                                                                  font-size: 18pt;
                                                          </span>
                                                          <span style='font-size: 24px;'>
                                                                  font-size: 24px;
                                                          </span>
                                                          <div style='background: rgb(180, 180, 180);'>
                                                                  font-size: larger;
                                                                  <span style='font-size: xx-large;'>
                                                                          font-size: xx-large;
                                                                  </span>
                                                                  <span style='font-size: 24pt;'>
                                                                          font-size: 24pt;
                                                                  </span>
                                                                  <span style='font-size: 32px;'>
                                                                          font-size: 32px;
                                                                  </span>
                                                          </div>
                                                  </div>
                                          </div>
                                  </div>
                          </div>
                  </div>
      </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.