Meet the typographic scaleYou don’t need to know music theory to work with a typographic scale. For a typographic scale, that relationship is frequently a steady interval between type sizes. The size below it is --scale-1 (as in “scale minus one”), the size above it is --scale1 , and so on. rem stands for “root em.” 1rem is equivalent to the html element’s text size, which in most browsers defaults to 16px . calc() determines each scale size by multiplying the preceding size by --int .