Our themes come with a large selection of web-safe fonts and Google Fonts, which are supported across all major browsers and operating systems. You can also use your own licensed font file with our themes by adding them as theme assets.
Using built-in fonts
Over 47 high quality fonts are available for use in our themes. Simply select the font you want to use in the Fonts section of the theme settings to have it immediately applied with absolutely no changes required to your page templates.
Adding custom fonts
Google offer a large range of free custom fonts that you can easily add into your theme. The following steps describe how to add a new Google Font that’s not already available in our heading and text font theme settings.
Note the variables that reference webfont files within your theme’s assets directory and the font name which will be unique to your chosen font.
Use your new font in CSS declarations:
To have your new custom font appear in the list of heading and body text fonts in the theme’s settings you must update your theme’s manifest.json file as described in the next section.
Updating theme settings
As a final optional step to have your new fonts appear alongside the others in the heading and body text theme settings you can edit your theme’s manifest.json file. This file contains various pieces of information about your theme and is responsible for defining the settings that appear in the Settings Panel within Zendesk Guide.
Our themes have two font settings by default: a heading font (heading_font) and body text font (text_font). The heading font setting definition, when the System font is used as the current heading font, will look like this: