I am trying to add a custom font to my shopify stilletto theme. I have followed the instruction from the theme developer. Added my WOFF and WOFF2 files under files on my shopify admin. Added the correct code under my custom.css file and linked the url to the code, but it still wont change on my shopify store. Can anyone tell me if I am missing something?
Topic summary
A user is attempting to add a custom font to their Shopify Stilletto theme but encountering issues despite following the theme developer’s instructions.
Steps already taken:
- Uploaded WOFF and WOFF2 font files to Shopify admin under Files
- Added @font-face code to the custom.css file
- Linked the font URLs in the code
- Included a screenshot showing their implementation
Issue identified:
The font is not displaying on the store despite correct file upload and @font-face declaration.
Solution provided:
Simply adding the @font-face code is insufficient. The user must also assign the font-family name to specific CSS elements (headings, paragraphs, etc.) where they want the custom font to appear.
Status: The discussion appears resolved with a clear next step—the user needs to apply the font-family property to their desired HTML elements in the CSS.
Just putting the font code will never change the font-family to your store.
But you need to assign the font-family name to the elements.