How to uninstall a custom font from a Shopify theme

What you actually need to remove

A custom font installed via the Shopifont pattern produces three artifacts in your theme code, plus the font files themselves in the assets folder. Removing all four leaves your theme in exactly the state it was in before you started.

• The @font-face block you pasted into assets/base.css (or another stylesheet).
• The CSS variable override block that retargets --font-heading-family and --font-body-family.
• The settings entry in config/settings_schema.json that gave the Theme Editor a font picker and apply-to selector.
• The font files (woff2 / woff / ttf) in your theme's assets/ folder. Optional — leaving them in place doesn't affect anything once nothing references them.

Step 1 — Toggle “Disabled” in the Theme Editor first (recommended)

If the install used the apply_to select that ships with our generator, the fastest reversible step is to set it to Disabled in the Theme Editor. The custom font won't apply, but the code stays in place — useful for testing whether the font is actually what's causing a display issue before you commit to removing files.

Open Online Store → Themes → Customize → Theme settings → Typography (the section name matches whatever you used in settings_schema.json), change the apply-to setting to Disabled, and save. Refresh the storefront — the default theme typography should be back.

If that fixes whatever you were trying to fix, you can stop here. If you want a full removal, continue.

Step 2 — Remove the CSS variable overrides

In the theme code editor, open assets/base.css (or whichever stylesheet you pasted into) and delete the override block. It looks roughly like this:

:root {
  --font-heading-family: "My Brand Sans", sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 400;
  --font-body-family: "My Brand Sans", sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
}

Delete the entire :root block. Save. The theme falls back to its default values for those variables — Dawn ships with --font-heading-family already declared in base.css, so the original headings/body will return automatically.

Step 3 — Remove the @font-face block

In the same stylesheet, find and delete the @font-face declaration you pasted in. It looks like:

@font-face {
  font-family: "My Brand Sans";
  src: url({{ 'my-brand-sans.woff2' | asset_url }}) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Delete the whole block including the closing }. Save. If you installed multiple weights or styles you may have several @font-face blocks — remove every one that references your custom font name.

Step 4 — Remove the settings_schema.json entry

Open config/settings_schema.json in the code editor. Find the section block that holds your custom font settings — it has a name field that includes the font name you used (e.g., "My Brand Sans (custom font)").

Delete the entire object — from the opening { to the closing }, including the trailing comma if it's not the last entry in the array. Save. Shopify will revalidate the JSON on save and reject the file if you left a syntax error, so the editor itself catches most mistakes here.

Important: the section may persist in the Theme Editor sidebar for a few seconds after save while Shopify caches catch up. If you still see it after a minute, close and reopen the customizer.

Step 5 — Delete the font files (optional)

Open the assets/ folder in the code editor. Find the font files you uploaded — they share the slugified base name from the install (e.g., my-brand-sans.woff2, my-brand-sans.woff). Click each one, then click Delete file at the top of the editor.

This step is optional. Once nothing references the files via asset_url, they don't affect performance — they just sit unreferenced in the bundle. Removing them keeps your theme tidy and shrinks the theme zip if you ever export it.

Verify the storefront

Open your storefront in a fresh tab (or hard-refresh with Ctrl+Shift+R / Cmd+Shift+R to bypass any cached CSS). Headings and body text should render in the theme's default fonts. In DevTools → Network, filter for .woff2 — your custom font file should no longer appear in the request list.

If the custom font is still showing, the most common cause is a stylesheet you forgot about — check assets/theme.css.liquid, assets/component-*.css, and any custom CSS pasted into the Theme Editor's Theme settings → Custom CSS field.