What fonts are being used on the Out of the Sandbox demo shops, and how can I use the same fonts on my shop?
By taking advantage of the theme 'Presets' you can have your typography settings match those of one of the themes' demo shops. But, if you have already started configuring your settings, do not select a preset (as it will overwrite your previous setting decisions), and refer to this helpful article to set your typography settings to match the demo shop settings. For a full listing of available theme fonts, take a look at this helpful article. You can view a sample of all the fonts here.
In This Article
Choosing a Preset (Reset settings)
Be advised, selecting a Theme Style/Preset will overwirte your previous Customize setting decisions. We suggest making this selection at the beginning of your configuration process.
To choose a preset, which will set your typography settings to match one of the demo shops, go to Admin > Online Store > Themes > Customize > Theme Settings > Change Theme Style. Here, you can select the name of the demo shop you would like to use as a starting point for your setting configurations, including the Typography settings.
Demo Shop Fonts
Select your theme:
Portland - Oswald (Main Menu, Headings) & Roboto (Regular Text)
Seoul - Dosis (Main Menu, Headings) & Arial (Regular Text)
Chicago - Rubik (Main Menu, Headings) & Roboto Mono (Regular Text)
Vienna - Muli (All typography)
Aspen - Raleway (Main Menu, Headings) & Helvetica Neue (Regular Text)
Los Angeles - Old Standard (Headings), Lato (Main Menu, some Headings) & Helvetica Neue (Regular Text)
Austin - Lato & Arial (Headings), PT Sans Narrow (Main Menu), Merriweather (Regular Text)
Amsterdam - Raleway & Arial (Headings), Helvetica Neue (Main Menu & Regular Text)
Melbourne - Roboto (Headings, Main Menu, Regular Text) & Arial (Subheadings)
Montreal - Lato & Arial (Headings, Main Menu) & Roboto (Regular Text)
Milan - Oswald (Main Menu, Headings) & Merriweather (Regular Text)
Napa - Old Standard (Main Menu, Headings) & Roboto (Regular Text)
Sydney - Glegoo & Raleway (Main Menu, Headings) & Helvetica Neue (Regular Text)
Tokyo - Merriweather (Headings), Asap (Main Menu & Regular Text)
New York - Open Sans Condensed (Headings), PT Sans Narrow (Main Menu), Futura (Top Bar & Buttons), Merriweather (Regular Text, Subheadings)
London - Old Standard (Headings), Droid Serif (Main Menu, Subheadings & Regular Text), Montserrat (Top Bar and Buttons)
Paris - Raleway (Headings, Main Menu, Regular Text, Top Bar & Buttons) & Helvetica Neue (Subheadings)
San Francisco - Kreon (Headings, Subheadings, Main Menu) & Lato (Top Bar and Buttons, Regular Text)
Font Finding Pro Tip
Besides using your browser's' built-in Element Inspector, there are Google Chrome extensions that allow you to hover over any text of a site to view the font properties, like Font Face Ninja.