how to stretch & shrink fonts

relative sizes

relative-small.html

Relative font sizing, or porportional sizing, uses percentages or ems. Most browsers have a default size of 1 em, or 16 pixels high. A font size of .75 em is equal to 12 pixels. The advantage of using relative sizes is their scalability. For example, in browsers a font which has been relatively sized can be scaled up for viewers who are visually impaired. Also when designing web pages all elements size proportionally by simply adjusting the font-size property of the body selector. This makes it unnecessary to change all of the font tags contained in the code.

This paragraph's font-size property is 1em and is scaled down in the body selector to 60%.

---

home   relative   relative big   relative small   fixed   fixed small

---