Font Size

The font-size property sets the size of the text. Being able to manage the text size is important in web design. However, you should not use font size adjustments to make paragraphs look like headings, or headings look like paragraphs. Always use the proper HTML tags, like <h1> - <h6> for headings and <p> for paragraphs.

The font-size value can be an absolute, or relative size.

Absolute size:

• Sets the text to a specified size
• Does not allow a user to change the text size in all browsers (bad for accessibility reasons)
• Absolute size is useful when the physical size of the output is known
• Using pixel measurement is considered to be an absolute sizing tool

Relative size:

• Sets the size relative to surrounding elements, which makes it responsive
• Allows a user to change the text size in browsers
• The em and percentage measurements are considered to be a relative sizing tool

Note: If you do not specify a font size, the default size for normal text, like paragraphs, is 16px (16px=1em).