I am trying to load two font files (.woff, and .woff) via my assets folder. I’ve tried loading these in my CSS stylesheet, as well as tried a separate css.liquid stylesheet, but they’re not working. I have this code I’m using. The question I have is whether I need to use the .ttf and .eot versions…

The assets folder can’t have subfolders. Remove the subfolder webFonts and adjust the CSS accordingly.

Hello Greetings! This one needs to be the complete URL upload it to your Shopify files get link from there and replace this with the link. webFonts/MuseoSansRounded900/MuseoSansRounded900.woff2 Let me know!

[fonts.png] Here’s the fonts in the asset folder (at the bottom): [fonts-loaded-in-assets.png] This is what I have in my stylesheet, but it does not work. Am I missing something?

Thanks, I did remove the webFonts/ from my css, but these are still not loading correct :confused:

Remove webfonts/ from the fonts url in the stylesheet.

I did, but they aren’t loading correctly still :confused: [removed-subfolder.png]

I just got it! I had to remove the second Museo/Museo! Thank you :grinning_face_with_smiling_eyes:

How can I successfully load custom fonts in my CSS stylesheet?

Technical Q&A

alexfc May 14, 2021, 1:56pm 8

My bad, I meant remove everything on the url to the CSS but the font-name.ext

Topic		Replies	Views
Fonts uploaded to assets folder not showing Technical Q&A css , html	0	52	November 30, 2023
Adding custom font isn't working Store Design css , troubleshooting , html	2	68	February 21, 2025
Custom font not loading Store Design design , customizations , css , troubleshooting	8	210	August 13, 2025
Can someone please tell me why my CSS to add a custom font isn't working Store Design css	3	69	March 4, 2025
Custom Font not working Store Design customizations , css	5	84	April 6, 2025

How can I successfully load custom fonts in my CSS stylesheet?

Related topics