Liquid, JavaScript, themes, sales channels
Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!
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 as well to make these load.
@font-face {
font-family: "MuseoSansRounded-900";
src: url('webFonts/MuseoSansRounded900/MuseoSansRounded900.woff2') format('woff2'),
url('webFonts/MuseoSansRounded900/MuseoSansRounded900.woff') format('woff');
font-weight: normal;
font-style: normal;
}
h1 {
font-family: "MuseoSansRounded-900"!important;
}
Solved! Go to the solution
This is an accepted solution.
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!
This is an accepted solution.
The assets folder can't have subfolders. Remove the subfolder webFonts and adjust the CSS accordingly.
Here's the fonts in the asset folder (at the bottom):
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 😕
Remove webfonts/ from the fonts url in the stylesheet.
I did, but they aren't loading correctly still 😕
My bad, I meant remove everything on the url to the CSS but the font-name.ext
I just got it! I had to remove the second Museo/Museo! Thank you 😄
User | RANK |
---|---|
11 | |
10 | |
9 | |
7 | |
6 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022