Please refer to this article for all you need to know about providing us with a custom font for either your Olo Whitelabel Website (Serve) or your Olo Whitelabel App.
Using a custom font on Olo Web - Serve
On our Serve responsive platform, we use the default font, Inter. If you would like to use a different font, you can provide the font file & web licensing for us to implement onto your site instead.
How many fonts can we use on Serve?
At this time, Serve can only support one font. The font will range in size & weight depending on if it is a header or body text. In the near future, we will be able to support two fonts: one for body text, and one for headers. Our product team is actively working on this. If you would like to be notified when this is available, please contact your Customer Success Manager.
What do I need to provide to use a custom font on Serve?
We need the web font file, as well as proof of web licensing, unless it is a Google Font. (Which uses an open source web license.) If you are using a Google Font, please tell us the name of the font and mention that it's a Google Font. For all other fonts, we legally cannot use a font file without proper proof of web licensing submitted with it, even if it is a free font. Web font files should be .woff or .woff2 files when they are purchased and/or downloaded.
Can I use an Adobe font?
Unfortunately, no. Adobe fonts use a script that is insecure and violates Olo PCI compliance standards. However, sometimes the same exact font (if not very similar) fonts are available on MyFonts.com so we recommend checking there to see if it is available for web use.
Important - how to tell that your font is licensed for web use.
There are multiple types of licenses that an individual font or font family can have, such as Desktop, Web, App, etc.
We frequently receive font licensing that is only licensed for Desktop, which we cannot use. This is usually because the free version of most fonts are for desktop only. Desktop licenses are intended for design use & print media. A Desktop license will say something like "1-5 users" or "1-5 monitors", which means up to 5 downloads, as opposed to being able to use across the web.
A web license should give a number of pageviews across a span of time. For example, "10,000 pageviews per month." When choosing a web license, it's okay to use the lowest number of pageviews (which usually won't be less than 10,000, but can sometimes be 250,000.)
You can see in this proof of web licensing example below (in the form of a receipt) is licensed for web use. This type of receipt is acceptable for us to receive as proof of web licensing, or the web license document itself.
Please review your font file types & license carefully in order to make sure we have the proper materials in order to use your custom font file on Serve.
Using custom font(s) on Olo App
This is information on how to submit a custom font for your Olo-built app. (Not a third party app, such as using one with your loyalty provider, or custom app agency.)
We use default system fonts San Francisco for iOS and Roboto for Android.
How many fonts can we use on our Olo App?
You can use two fonts, including two custom fonts or a combination of default font + custom font. One font is applied to body text, and the other font is applied to headers.
What do I need to provide to use a custom font on an Olo App?
Any replacement font family must offer regular, bold, and condensed styles. Or you can replace a single style (with a comparable regular, bold or condensed style) and leave the other(s) as the default.
We need the app font file, as well as proof of app licensing. We legally cannot use a font file without proper proof of app licensing submitted with it, even if it is a free font.
Can I use the same font file + licensing as my web font for Serve?
No. App fonts require a separate font file + license type.
Important - how to tell that your font is licensed for app use.
An app license should give a number of installations, for a number of titles, across a span of time, usually one year or more. For example, "unlimited installations of one title for one year" or "one title for one year." The license needs to be available to be embedded in the app, and you may need to renew the license every year.