Typography (22 Savile Row)

Set up your site font faces and sizes here. In your control panel, go to Storefront > Themes, and click the blue "Customize" button to launch Theme Editor. In the left hand column of the Theme Editor, click the panel labelled 'Typography & Icons'.

We have curated a collection of type faces for 22 Savile Row. The Typography panel allows you to choose Heading and Body text font families, as well as a Logo font for text logos.

From this panel you can also configure the font sizes and text, link and icon colors that will be used throughout the site.

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 typography 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
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Related Articles