How to customise App fonts
Updated over a week ago
  1. Click on the “Design” tab from the navigation bar at the top of the StoreLab Platform.

  2. Ensure you are on the “Homepage” of the App builder. Visible from the dropdown menu underneath the navigation bar at the top.

  3. Within the homepage builder, click the blue “Theme Settings” button to the right of the “Homepage” title. Circled below.

4. Once inside Theme Settings, click on “Typography” from the left-hand menu to choose your Fonts.

5. Within the Typography editor you can choose from our preset “Font Packs” or choose a custom combination of fonts from “Text Styles section below it.

First, let’s walk through the Font Packs.

6. Click the white “Change” button below the Font Pack heading on the left-hand Typography editor.

7. This will open a list of complementary font combinations to choose from.

Tip: We suggest picking fonts that closely match your Logo and/or website Headings and Body text.

8. As you click between the options you will see the fonts change in the preview device on the right-hand side of your screen.

Note: The larger first font is your heading font. Including headings within all elements, Page titles, Collection titles, and product prices.

The secondary font listed below is your paragraph font. Including body, action buttons, and footer text.

9. Once you have picked your desired font pack click the green “Save” button in the right-hand corner of the App builder.

How do I choose my fonts?

You can choose from a list of fonts to customise your App!

  1. Click on “Theme Settings” from the homepage editor.

  2. Click “Typography

  3. Under “Text Styles”, click either Headings or Paragraph.

Note: The heading font is used for headings within all elements, App page titles (i.e. Shop, Cart, Wishlist), Collection titles, and product prices.

The paragraph font is used for the body, action buttons, and footer text.

4. Each will open a list of fonts to choose from.

Tip: We suggest picking fonts that closely match your Logo and/or website Headings and Body text.

Headings Font List

Paragraphs Font List

5. Once you have picked your desired fonts, click the green “Save” button in the right-hand corner of the App builder.

Did this answer your question?