Custom Fonts

Brand your customer menu even more with custom fonts.

You can use either Google Fonts or upload your own custom fonts. Note: You can not use both.

Choosing the right fonts and weights

Dispense uses two fonts throughout the menu: one for body (default is 'Brown'), and one for numbers (default is 'DIN'). Each font has two variants: regular and bold.

For your custom fonts, we suggest using a regular, or light, option (weight 100-400) and a bolder option (weight 500-900). We highly suggest not using italics, but you can 🙈.

If you'd like to use the same font for both body and numbers, just select or upload one.

• Body Regular
• Body Bold
• Number Regular
• Number Bold

Google Fonts

Browsing Google Fonts

If you want to browse through all the Google font options before making your selection, visit Google fonts [↗] for live previews of Google's collection of free web fonts.

Adding a Google font in Dispense

1. Navigate to Store > Settings > Branding > Fonts
2. Toggle on 'Enable Google Fonts'
3. Click 'Add Font'
4. Select a font from the dropdown
5. Select up to 2 variants to include (we suggest a regular 100-400 and bolder option 500-900)
6. Repeat steps 3-5 if you want to have a distinct body and number font
7. Save

Custom Fonts

Uploading a custom font in Dispense

1. Navigate to Store > Settings > Branding > Fonts
2. Toggle on 'Enable Custom Fonts'
3. Click 'Add Font'
4. Enter font details: Weight, Style (normal or italic), Display (defaults to 'swap')
5. Save

How to choose the right font format

You can upload any web fonts in Dispense. File types supported: TTF, OTF, WOFF, and EOT.

• Supported by most browsers
  • WOFF — Web Open Font Format (review supporting browsers)
  • TTF/OTF — TrueType Font and OpenType Font (review supporting browsers)
• Supported by a few browsers
  • EOT — Embedded OpenType (review supporting browsers)

Editing or Deleting Fonts

You can always edit your custom fonts or delete them all and the menu will return to the defaults.