Fonts#

You can specify fonts by their purpose, e.g. fontFamily="accent" will get you the accent font. This ensures your designs are always up-to-date with any changes to the font stack.

Body Font - Sofia Pro#

fontFamily="body"

Heading Font - Sofia Pro#

fontFamily="heading"

Mono Font - Fira Code#

fontFamily="mono"

Accent Font - Gosha Sans#

fontFamily="accent"