How to add custom font to Shopify storefront on Motion Theme

Store Design
,
1

Hey y’all.

I have downloaded a few different fonts files formatted them to woff/woff2 in the assets folder. I have also added some CSS in the theme.css.liquid file.

However I am not seeing the results I want.

Screen Shot 2024-01-03 at 2.16.13 PM.png
Screen Shot 2024-01-03 at 2.16.13 PM.png2388×2322 715 KB

  1. I think this code may work if I could get the CDN link from shopify somehow, but I don’t know how to do that.

  2. Why is adding a custom font so complicated? Shopify should make this way more simple.

Cheers

g

Screen Shot 2024-01-03 at 2.14.12 PM.png
Screen Shot 2024-01-03 at 2.14.12 PM.png2784×2232 569 KB

2

Hello @Nosremetnarg :waving_hand:

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

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

1 Like