How to upload custom font to your Shopify store

Adding a custom font to your Shopify store is a great way to add some personality and branding to your shop. It's also really easy to do - all you need is the font file, some basic coding knowledge, and about 10 minutes of time. Follow these simple steps and you'll be on your way to having a totally unique store!
You need to have the font file (supported formats: WOFF, WOFF2, TTF, OTF) on your computer.
Inside Shopify Admin, go to Settings > Files, and upload the font file, copy the file URL.
Select an Image
Go to the theme's main CSS file (usually named base.css, theme.css, styles.css, or other variations) and declare the font
@font-face {
    font-family: "Font name";
    src: url("Font file URL");
}
For example
Select an Image
Now the font is available on your store and you can use it for your store with some custom CSS code.
Select an Image
If you use Zeno Page Builder to design your store, it is so much easy to add the font to the app with the Font Manager feature. You can then apply the font to elements on the page.
Select an Image
That is how you can upload a custom font to your Shopify store. If you have any questions, please let us know in the comments below. Thanks for reading!
Back to blog

Leave a comment

Please note, comments need to be approved before they are published.