Can I add a custom font to my theme?

We have curated a collection of typefaces that work well with each. The Typography panel in the theme editor allows you to choose heading and body text font families, as well as configuring the font sizes.

In addition to our curated collection, you can also include any font from Google Fonts by enabling the option "Enable Custom Google Fonts". Once enabled, additional text boxes appear in the panel to enter a string to define your chosen font and weight.

The custom font string must be structured in the following way:

The service provider must be specified (currently only Google is supported):

Google_

followed by the name of the font:

Roboto_

followed by the weight of the font:

400

For example:

Google_Roboto_400

The name of the font can be found by browsing Google Fonts and clicking the desired font. You will see the font name in the address bar after the /specimen/ fragment in the url

Note that you must include the "+" symbols in font names if they exist, i.e.

Google_Noto+Sans_400

You may specify multiple weights by comma separating the values, i.e.

Google_Lato_400,700