How should you size text in website design and what should be the relative sizes? [closed]

1. What size should text be on a website?
2. Is font size relative or absolute?
3. Why is it best to use relative sizes for fonts?
4. When you specify a font size in EMS that size is relative to what?

What size should text be on a website?

The font size on a website should be responsive to the screen size that displays it. In general, a font should be 12-16pt on a mobile screen, 15-19pt on a tablet, and 16-20pt on a desktop computer screen.

Is font size relative or absolute?

Absolute units are fixed and (mostly) relate to some physical measurement. Once they are declared, their size cannot be altered by changing the font size of some other element. Relative units do not have an objective measurement. Instead, their actual size is determined by the size of a parent element.

Why is it best to use relative sizes for fonts?

Using relative font measurements allow the text to adjust and flow properly based on a users settings. Using absolute font measurements on the other hand will fix the font size making it harder for these users to be able to read text properly on your website.

When you specify a font size in EMS that size is relative to what?

em is based on the font-size of a given element, or if it's set on font-size , then it's relative to that of its parent. If you want a unit that's relative to the font-size of the document root, that would be rem .