Website Building » Shopify » Can You Add Your Own Fonts to Shopify?

Can You Add Your Own Fonts to Shopify?

Last updated on January 13, 2023 @ 1:49 pm

If you’ve ever wanted to use a custom font on your Shopify store, you may have wondered if it’s possible to add your own fonts to Shopify. The short answer is yes, but there are a few things to keep in mind.

In order to add your own fonts to Shopify, you’ll need to use a little bit of code. You can either use the @font-face rule in CSS, or you can use a Shopify app like Fontify that will allow you to add fonts without any code.

If you’re using the @font-face rule, you’ll need to first upload the font files to your server. Then, you’ll need to add the following code to your CSS:

@font-face {font-family: 'MyFont';src: url('myfont.woff2') format('woff2'),url('myfont.woff') format('woff');}

PRO TIP: Please be aware that adding your own fonts to Shopify is not supported. Any changes you make to your fonts may not be compatible with Shopify and could cause unexpected issues with your store.

Once you’ve added that code, you can then use the font-family property in CSS to apply the font to any element on your store. For example:

p {font-family: 'MyFont', sans-serif}

If you’re using an app like Fontify, the process is much simpler. You can just install the app and then select the fonts you want to use from a list. The app will take care of adding the necessary code and files to your store.

No matter which method you choose, adding custom fonts to Shopify is a great way to make your store stand out from the rest.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.