As you can imagine, it is important to be able to adjust the font size of an element, element type, or the entire page. Fortunately (or unfortunately, as you may find out), there are many ways to accomplish this through the font-size: CSS property.

In general, this property may be used to set the font size of a page or specific element. You can do so through units of measure you are likely already familiar with, such as pt (point, font-size: 12pt) or px (pixel, font-size: 16px).

font-size: may pass “fixed-size” declarations or “relative-size” declarations. Depending on how you want the font to perform under certain conditions, you can set it as such:

Let’s go over these different methods of sizing!