Haiwaibiji logoHaiwaibiji中文

Shopify Global Font Setup — Store Styling Guide

Nolan聊2 min readShopify

If you haven't configured your global colors yet, set the brand colors first. Global fonts are part of the brand too — keep both in mind during research.

Shopify global fonts

A calligraphy lover's blog might use Song or another calligraphic typeface to express taste. A Mac devotee tends to use Apple's system fonts out of habit.

Websites work the same way. If your audience loves cute pets, rounded, adorable typefaces win — look at pet sites: mostly big, chunky rounded fonts.

Number of fonts: one is usually enough; use two when you need to differentiate content. Never more than two.

Font size: no strict maximum; minimum should be 12px+, ideally 16px+. Headings 20px+; a typical H1 runs 36–40px. After setting fonts, check and optimize the mobile layout.

Choosing fonts:

  1. Audience preference. Match the typeface to your brand style — modern, traditional, minimal, luxury.
  2. Load speed matters.
    • Shopify built-in fonts: cover common needs and load fast.
    • Google Fonts: supported by most Shopify themes; a Google font is the standard, can't-go-wrong choice.
    • Custom fonts: if you have a specific brand typeface, upload it — but make sure it's licensed for commercial use, and know that heavy customization slows loading and drags down your SEO. Not recommended for beginners.

If you're set on a custom font, the download sites below have huge catalogs — some paid, most free. Use with care.

DAFONT, a custom font download site

DAFONT, a custom font download site

fontsforweb, another font download site

fontsforweb, another font download site

Where to configure

Same place as the global colors — Shopify's global settings live in a fixed spot, and app-specific fonts are configured inside each app's settings.

Related posts