Typography

The Typography section allows you to control all font settings used throughout your store. You can choose the font source and customize the typefaces for body text, headings, buttons, and other elements.

1. Font Source

You can select where your fonts come from:

Shopify

Uses Shopify’s built-in font library. All fonts appear in dropdown menus for easy selection.

Google

Allows you to manually enter font names from Google Fonts. You must type the exact name as it appears on Google Fonts for the font to load correctly.

2. Shopify Font Settings

These settings display when Shopify is selected as the font source. Fonts are chosen from dropdown lists.

Body Font Family

The primary font used for paragraphs, product descriptions, blog content, and general text.

Font Family 2

A secondary accent font. This is used for specific design elements depending on the theme (such as labels, small headings, or highlighted text).

Heading Font Family

The font applied to all titles and headings (H1–H6), including page titles and product titles.

Button Font Family

The font used for all buttons across the store (Add to Cart, View More, etc.).

3. Google Font Settings

Displayed when Google is selected as the font source. All fonts must be typed manually.

Note: The font name must match exactly as shown on Google Fonts. Examples: Poppins, Kumbh Sans, Marcellus, Inter, Playfair Display, etc.

Fields to configure:

• Body Font Family – main text font

• Font Family 2 – secondary accent font

• Heading Font Family – heading/title font

• Button Font Family – button text font

A helper link (“Get name your google”) is provided to quickly check the correct font name before entering it.