Fonts

Upload and manage fonts in your design system.

A font source is the source file of a font that is used in your design system. Font files are uploaded to Supernova and automatically grouped by font family.

Supernova supports the following font formats:

The following font formats are currently supported by Supernova:

  • Web Open Font Format .woff.woff2
  • TrueType .ttf
  • TrueType Collection .ttc

null

You can upload and manage fonts in the Fonts tab under the Design system section of your settings. You can upload font family files, or single font files.

Upload a font

  1. For a new font, click the Upload fonts button at the top right corner above the table. Select the desired font from your computer's files.
  2. To upload a missing font file, click the Upload file button at the end of the relevant row in the Fonts table.

Delete a font

null
  1. To delete either a single font or a font family, hover on the relevant row in the Fonts table, and click the trash icon.

Using font sources in tokens

null

Font files can be used to provide font previews in Font family or Typography tokens. You can see the font preview both in the tokens table, and in the token detail drawer.

When creating Font family or Typography tokens, you can simply select the relevant font in the Value field of the token detail panel.

If you have used a custom font in a design token, but haven't yet uploaded the font file to Supernova, the font will show up as missing. You can fix this by simply uploading the font file!

null