Shopify themes, liquid, logos, and UX
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
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
Hey KetanKumar,
Apologies would you be able to tell me which asset to use if I am using the DEBUT theme?
Reggie
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.
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024