Custom font

This feature allows you to customize the fonts used for the body text, headings and navigation in your styleguide.

First, you need to import the fonts you'd like to use.

Import your fonts

Go to Import fonts in the styleguide settings:

You can add a font from Google fonts:

or with a font URL:

Note the following requirements for the font URL

• must be https://
• must end in svg, eot, woff, woff2 or ttf (unless it's a use.typekit.net font)
• the server where the font is hosted must allow CORS. More info on CORS

Use the imported fonts in your styleguide

Once you've imported all the fonts you want, use the dropdowns to select your imported fonts