How can I add a custom font to the Showcase theme?

MattMhmm
Visitor
3 0 0

Hey,

 

I'm currently using the Showcase theme and am looking to add my own custom font to it.

 

How can I do this?

 

Thanks

Replies 3 (3)

TR_Page
Shopify Expert
12 1 3

You can find any support docs on your theme here, https://support.cleancanvas.co.uk/hc/en-us/categories/360000287078-Showcase, or use the link directly in your customizer to get support on any given theme.

 

However, adding a custom font requires you to understand how to code to some degree. You'd need to add the font file either to your theme or you can upload to the Files in the content section of your Shopify admin to reference in your theme files (reference: https://shopify.dev/docs/themes/architecture/settings/fonts)

 

After you upload the font file to the appropriate place, you'll have to reference that font using font-face css property (Shopify Liquid reference: https://shopify.dev/docs/api/liquid/filters/font_face and general web reference via MDN docs: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face) and update references to that font throughout your CSS shop as needed.

 

If you don't understand HTML and CSS, it's not really recommended that you start digging into your theme and making updates and you should consider hiring someone that can (or possibly find a friend that knows how to code since it's not a very difficult task for a developer).

MattMhmm
Visitor
3 0 0

Thanks! I've done custom css in themes before just not for this specific use case. I currently have the font uploaded as a .woff2 file in the assets folder. More so looking for the specific code snippet required to make it usable.

ZenoPageBuilder
Shopify Partner
1052 203 217

Hi @MattMhmm 👋

You can follow this article to add custom font to your store

https://zenobuilder.com/blogs/news/upload-font-shopify-store

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com