Custom font's not working with Narrative Theme

Store Design
1

Hi Experts,

if I can please get your help with getting my custom font to work with shopify narrative theme.

I have uploaded a custom woff2 webfont file to the asset directory as I would like my shopify store to use these.

Woff2 file name - amoret_sans-webfont.woff2

Coding as below added to my theme.scss.liquid file in Asset directory. I have added this code below to the Narrative theme in Shopify.

@font-face {
font-family: “amoret_sans-webfont”;
src: url(“amoret_sans-webfont.woff2”) format(“woff2”)

}

/* Start /
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, #nav li a, div.title a, .headline, .subtitle, .Heading, .Footer { font-family: ‘amoret_sans-webfont’ !important; }
/ End*/

1 Like
2

You probably have the wrong path, it might be assets/amoret_sans-webfont.woff2, try to find other URL’s for files in the assets folder and compare. Good luck!

3

@Chandler8

sorry but font type missing

can you please upload ll type for example:

TTF, OTF, SVG, WOFF, WOFF2

that’s all reburied to custom font

4

I’ve checked the path and it looks correct.

5

Sorry can you please rephrase what you have written as i’m not understanding.

I think the issue is that it is not linking the font to CSS for some reason.

6

@Chandler8

can you please provide store url