Skip to content

Font Size

Default font-size rem table

PixelTypeRemCustom PropertyInfo
14pxsmall0.875rem--font-size-small
16pxbasis1rem--font-size-basisBody
20pxmedium1.25rem--font-size-medium
24pxlarge1.5rem--font-size-large
32pxx-large2rem--font-size-x-large
48pxxx-large3rem--font-size-xx-large

Additional font-size em table

PixelTypeEmCustom PropertyInfo
16pxbasis--em1em--font-size-basis--em

How to use the sizes (CSS)

/* I have a default size */
.dnb-p {
font-size: var(--font-size-basis); /* 1rem - 16px */
}