How can I successfully add a custom font to my Shopify store?

Store Design
1

I am wandering whether anyone can help me with my issue. I am trying to add a font to shopify that I use within my business so need to keep it the same. I have tried coding it in with code I have used before but when I go back to customize and search for the font it does not appear.

I have uploaded the .woff file to assets and added this code below with the font names etc all changed of course:

@font-face {
font-family: “Your Font Name”;
src: url(‘{{ ‘yourfont.woff’ | asset_url }}’) format(‘woff’);
}

2

Hi @hedone ,

This custom font will not available in your Font settings when using the the theme editor. Those font list are from Shopify. However, you can use the code below as reference to use this to your theme.

.your-selector {
font-family: "Your Font Name"
}
1 Like
3

Hello @hedone ,

You can follow my answer in this post to add font

https://community.shopify.com/c/shopify-design/custom-fonts-for-dawn-theme/m-p/1987121/highlight/true#M528669

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like
4

Hello thank you for your response. I have tried the steps in the link you have provided and it still isn’t working. Do you have any other suggestions?

Thank you