✒️Typography

Spotlight has 4 variants of font-pairings:

1. Sans-serif (default)

2. Serif

3. Technology

4. Minimalism

This setting changes fonts for headings, body, buttons and navigation depending on the selected font-pairing.

To customize:

1. Go to Settings > Design & branding from the admin menu

2. Click Site-wide in the Design settings sidebar on the right

3. Click and select your preferred font-pairing in the Typography menu item

Font-families:

Sans-serif

Font-family headings:

-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

Font-family body:

-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

Font-family buttons:

-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

Font-family navigation:

-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

Serif

Font-family headings:

'Gloock', serif;

Font-family body:

'Instrument Sans', sans-serif;

Font-family buttons:

'Instrument Sans', sans-serif;

Font-family navigation:

'Instrument Sans', sans-serif;

Technology

Font-family headings:

'Plus Jakarta Sans', sans-serif;

Font-family body:

'Plus Jakarta Sans', sans-serif;

Font-family buttons:

'Plus Jakarta Sans', sans-serif;

Font-family navigation:

'DM Sans', sans-serif;

Minimalism

Font-family headings:

'DM Sans', sans-serif;

Font-family body:

'DM Sans', sans-serif;

Font-family buttons:

'DM Sans', sans-serif;

Font-family navigation:

'DM Sans', sans-serif;