Garden's bedrock resets apply a system font to page HTML. If not using bedrock, you can achieve the same result by using the .u-font-family-system utility (as this page does) or by leveraging Garden CSS variables to set this same system font stack in your code. Base font size is 14px and line height is 20px.

Small • Medium • Large • Extra-Large • XXL • XXXL

Small .u-fs-sm (12px)

• REGULAR .u-regular

• SEMIBOLD .u-semibold

Medium .u-fs-md (14px)

• REGULAR .u-regular

• SEMIBOLD .u-semibold

Large .u-fs-lg (18px)

• REGULAR .u-regular

• SEMIBOLD .u-semibold

Extra-Large .u-fs-xl (22px)

• REGULAR .u-regular

• SEMIBOLD .u-semibold

XXL .u-fs-xxl (26px)

• REGULAR .u-regular

• SEMIBOLD .u-semibold

XXXL .u-fs-xxxl (36px)

• REGULAR .u-regular

• SEMIBOLD .u-semibold

Playground

<div class="u-font-family-system u-fs-lg"> <pre class="u-font-family-inherit">é - accent acute è - accent grave ê - circumflex ë - umlaut or diaerisis ç - cedilla ñ - tilde ø - streg ð - eth (capital form Ð) å - bolle æ - ligature œ - ligature ē - macron č - háček ŭ - crescent</pre> </div>