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.

Editing or Deleting Fonts

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