Adding branding font - Narrative

[ReggieBaby]

Hello,

We are using Narrative theme and want to add our brands font.

Could anyone please help me, I am a novice and don't know anything about coding.

Thanks

Reggie

[KetanKumar]

@ReggieBaby 

you have easy add your custom font 

1. Go to Online Store->Theme->Edit code
2.Asset->/theme.scss.liquid->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
3. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@font-face {
font-family: 'Montserrat-Regular';
src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}');
src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'),
url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'),
url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

can you please just change font name, for example, Montserrat-Regular to your custom font name

[ReggieBaby]

Hey KetanKumar,

Apologies would you be able to tell me which asset to use if I am using the DEBUT theme?

Reggie

[Ahsan_ANC]

You should upload your font files in the assets folder of your theme and enter their name with extension at the location specified in below image of the @KetanKumar post.

[Ahsan_ANC]

HI @ReggieBaby you can use this guide for adding a custom font. there is also a video tutorial at the bottom of the page.

How to add a custom font in Shopify