Installing a paid font in a paid theme

Technical Q&A

Topic summary

A user is attempting to install a purchased custom font (Imagine Forest Alternate) into the Impulse Shopify theme but cannot get it to appear in the theme’s font selection options.

Technical approach taken:

  • Uploaded both .woff and .woff2 font files to the theme’s files and assets directories
  • Added @font-face CSS code to assets/theme.css.liquid using Shopify’s asset_url filter
  • Also tried adding the code to custom CSS based on conflicting guidance

Current status:

  • The font is not appearing as a selectable option in the theme customizer
  • The user is seeking help to properly integrate the font into Impulse’s font selection system
  • Discussion remains open with no solution provided yet
  • User declined offers to troubleshoot via external messaging platforms
Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

I cannot seem to to get a paid font to install in a purchased theme. I have uploaded both woff and woff2 to both files and assets. Here is the code I added to assets/theme.css.liquid

@font-face {
font-family: “ImagineForestAlternate”;
src: url(“{{ ‘ImagineForestAlternate.woff2’ | asset_url }}”) format(“woff2”),
url(“{{ ‘ImagineForestAlternate.woff’ | asset_url }}”) format(“woff”);
font-display: swap;
}

Can anyone help with this?

2

Hello, thanks so much for responding. I added it to custom css but read here that maybe it should be in assets/theme.css.liquid so I tried it there. I really just want the font added to my font choices so that I can select it when I want to use it. The theme is Impulse.

3

Yes, that would be helpful.

4

I would rather discuss a solution here.

5

I rather not discuss on whatsapp but thanks.