contact login lily gideon
<
Experimenting with Font Sizes
Ever wondered what is the best way to declare font sizes?

Ever wondered what can be the implications of using one method over the other?

You are invited experiment with the different methods, and see for yourself:
  1. Open this page on both browsers.
  2. Scroll up and down the page and look at how the text appears on your screen.
  3. Change the default browser font size:
    • Change your Text Size from your Internet Explorer View menu.
    • Increase Font or Decrease Font from your Netscape View menu.
  4. Compare the different views.
  5. Notice that size specified in Pixels is similar on both browsers under all view options.

default font size
normal the quick brown fox jumped over the lazy dog
Absolute font size
xx-small the quick brown fox jumped over the lazy dog
x-small the quick brown fox jumped over the lazy dog
small the quick brown fox jumped over the lazy dog
medium the quick brown fox jumped over the lazy dog
large the quick brown fox jumped over the lazy dog
x-large the quick brown fox jumped over the lazy dog
xx-large the quick brown fox jumped over the lazy dog
font size in points - (1 point equals 1/72 inch)
6pt the quick brown fox jumped over the lazy dog
7pt the quick brown fox jumped over the lazy dog
8pt the quick brown fox jumped over the lazy dog
9pt the quick brown fox jumped over the lazy dog
10pt the quick brown fox jumped over the lazy dog
11pt the quick brown fox jumped over the lazy dog
12pt the quick brown fox jumped over the lazy dog
13pt the quick brown fox jumped over the lazy dog
14pt the quick brown fox jumped over the lazy dog
16pt the quick brown fox jumped over the lazy dog
18pt the quick brown fox jumped over the lazy dog
20pt the quick brown fox jumped over the lazy dog
22pt the quick brown fox jumped over the lazy dog
24pt the quick brown fox jumped over the lazy dog
font size in pixel - (1 pixel equals 1 screen pixel)
6px the quick brown fox jumped over the lazy dog
7px the quick brown fox jumped over the lazy dog
8px the quick brown fox jumped over the lazy dog
9px the quick brown fox jumped over the lazy dog
10px the quick brown fox jumped over the lazy dog
11px the quick brown fox jumped over the lazy dog
12px the quick brown fox jumped over the lazy dog
13px the quick brown fox jumped over the lazy dog
14px the quick brown fox jumped over the lazy dog
16px the quick brown fox jumped over the lazy dog
18px the quick brown fox jumped over the lazy dog
20px the quick brown fox jumped over the lazy dog
22px the quick brown fox jumped over the lazy dog
24px the quick brown fox jumped over the lazy dog
relative font size
smaller the quick brown fox jumped over the lazy dog
larger the quick brown fox jumped over the lazy dog
Relative units
0.5em the quick brown fox jumped over the lazy dog
0.75em the quick brown fox jumped over the lazy dog
1em
(width of M)
the quick brown fox jumped over the lazy dog
1.25em the quick brown fox jumped over the lazy dog
1.5em the quick brown fox jumped over the lazy dog
1.75em the quick brown fox jumped over the lazy dog
2em the quick brown fox jumped over the lazy dog
1ex
(height of x)
the quick brown fox jumped over the lazy dog
1.25ex the quick brown fox jumped over the lazy dog
1.5ex the quick brown fox jumped over the lazy dog
1.75ex the quick brown fox jumped over the lazy dog
2ex the quick brown fox jumped over the lazy dog
font size - D E P R E C A T E D !
<font size="1"> the quick brown fox jumped over the lazy dog
<font size="2"> the quick brown fox jumped over the lazy dog
<font size="3"> the quick brown fox jumped over the lazy dog
<font size="4"> the quick brown fox jumped over the lazy dog
<font size="5"> the quick brown fox jumped over the lazy dog
<font size="6"> the quick brown fox jumped over the lazy dog



BUY ONLINE
Search Amazon
In Association with Amazon.com


In Association with Amazon.com



  RANDOM QUOTE  
  show all quotes

   Basically, there were two sides to the world. There was the entire computer games software industry engaged in a tremendous effort to stamp out piracy, and there was Wobbler. Currently, Wobbler was in front.

     Terry Pratchett, Only You Can Save Mankind