How can I add custom fonts to my online store?

Hello @Community_1 ,

I am absolutely new to this, I want to add custom fonts to my Shopify store. My developer changed it but it’s not working…

Can someone please guide me on how I can do it, or I can guide my developer?

Hope for Good,..

@Olivia23 ,

Thanks for the question…

From your Shopify Admin navigate to Online Store > Themes > and then Actions > Edit Code. In the sidebar choose Assets > theme.scss.liquid.

Scroll to the bottom of the file and paste this code:

@font-face {font-family: “NAME OF FONT”;
src: url(“NAME-OF-FONT-FILE.woff2”) format(“woff2”),
url(“NAME-OF-FONT-FILE.woff”) format(“woff”);}
As with the above uploading steps, replace the details with your custom font details. Below this code, paste the following code:

{ font-family: "NAME OF FONT"!important; }

Lastly, go to the Assets folder on your Shopify dashboard and click Add a new asset.

Upload each version of the font file one by one.

Refer this links…

https://www.oscprofessionals.com/blog/how-to-add-and-edit-a-custom-fonts-to-your-shopify-store/

1 Like