Sizing fonts in css

Explain the different ways of sizing fonts ?


Different ways of font size are: -

/* values */
font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
font-size: xxx-large;

/* values */
font-size: smaller;
font-size: larger;

/* values */
font-size: 12px;
font-size: 0.8em;

/* values */
font-size: 80%;

/* math value */
font-size: math;

/* Global values */
font-size: inherit;
font-size: initial;
font-size: revert;
font-size: revert-layer;
font-size: unset;