I've set the body font to 76%, which should take it from the browser's default of 16px down to 12px. Once we've set the body font to 12px using percentages, we can use em's to push the font up or down relative to the 12px. Here's a table showing you pixel sized fonts versus em-sized fonts.
| sizes | Pixels | Em's |
|---|---|---|
| 10px vs. 0.8em | McAfee fonts! | McAfee fonts! |
| 11px vs. 0.9em | McAfee fonts! | McAfee fonts! |
| 12px vs. 1em | McAfee fonts! | McAfee fonts! |
| 13px vs. 1.1em | McAfee fonts! | McAfee fonts! |
| 14px vs. 1.2em | McAfee fonts! | McAfee fonts! |
| 15px vs. 1.3em | McAfee fonts! | McAfee fonts! |
| 16px vs. 1.4em | McAfee fonts! | McAfee fonts! |
| 17px vs. 1.5em | McAfee fonts! | McAfee fonts! |
| 18px vs. 1.6em | McAfee fonts! | McAfee fonts! |
| 19px vs. 1.7em | McAfee fonts! | McAfee fonts! |
| 20px vs. 1.8em | McAfee fonts! | McAfee fonts! |
| 21px vs. 1.9em | McAfee fonts! | McAfee fonts! |
| 22px vs. 2em | McAfee fonts! | McAfee fonts! |
| 23px vs. 2.1em | McAfee fonts! | McAfee fonts! |
| 24px vs. 2.2em | McAfee fonts! | McAfee fonts! |
| 25px vs. 2.3em | McAfee fonts! | McAfee fonts! |
| 26px vs. 2.4em | McAfee fonts! | McAfee fonts! |
| 27px vs. 2.5em | McAfee fonts! | McAfee fonts! |
| 28px vs. 2.6em | McAfee fonts! | McAfee fonts! |
| 29px vs. 2.7em | McAfee fonts! | McAfee fonts! |
| 30px vs. 2.8em | McAfee fonts! | McAfee fonts! |