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:
400For 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
Google_Noto+Sans_400You may specify multiple weights by comma separating the values, i.e.
Google_Lato_400,700