For the complete documentation index, see llms.txt. This page is also available as Markdown.

Managing fonts

Add custom fonts or Google Fonts and apply them to your theme — no code editing required.

The Fonts module has two tabs: Library — the fonts you've added to the store, and Apply to themes — where you connect them to your theme.

Adding a custom font

Upload your own font in the Library tab: give it a name, then add one or more variants — each variant is a weight and style (for example, 400 Regular or 700 Italic) with its own font file. Files are .woff2 only, up to 5 MB per variant.

To upload, confirm that you have the rights to use the font for web — font licenses for print or desktop don't always cover websites, so check yours if you're not sure.

Adding a Google Font

Browse Google Fonts to pick a font you like, then search for it by name in the app, choose the variants you need, and add it to the library.

Google Fonts added this way are downloaded and self-hosted in your store — your storefront makes no requests to Google's servers. Faster load times, and GDPR-compliant out of the box.

Applying fonts to a theme

The Apply to themes tab shows your current theme — with a note if it isn't supported — and your supported draft themes. For each supported theme, the app detects the theme's font pickers — the font roles the theme exposes, such as Body, Heading, or Accent (names vary by theme) — and you apply a font from your library to a specific picker.

Each picker shows what it's using now: the theme default or an applied font. Remove returns the picker to the theme default — the font chosen in your theme settings takes over again; Replace swaps in a different font from your library.

From there, work in the Theme Editor as you always do: every section and block that uses that font role picks up the new font, and all the theme's typography settings keep working as usual.

Under the hood, the app follows Shopify's best practices for theme fonts: the font files are hosted inside your theme's assets. That also means applied fonts are ordinary theme customizations — they carry through theme updates like the rest of your edits, and they stay in your theme even if you uninstall the app.

Library limits

You can keep 1 custom font and 1 Google font in the library. When a slot is taken, the app says so — delete the existing font to add a different one.

Last updated

Was this helpful?