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
- Navigate to Store > Settings > Branding > Fonts
- Toggle on 'Enable Google Fonts'
- Click 'Add Font'
- Select a font from the dropdown
- Select up to 2 variants to include (we suggest a regular 100-400 and bolder option 500-900)
- Repeat steps 3-5 if you want to have a distinct body and number font
- Save
Custom Fonts
Uploading a custom font in Dispense
- Navigate to Store > Settings > Branding > Fonts
- Toggle on 'Enable Custom Fonts'
- Click 'Add Font'
- Enter font details: Weight, Style (normal or italic), Display (defaults to 'swap')
- 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.