How can I ADD a new font to me Debut Theme

12 0 7


I'm new to coding, but been loving to learn. I need to add a new font (Concielian Condensed) to my clients Debut theme. 

Please need your baby steps help to how is done. I already try lots of coding that I research on the web but no luck.

Thank you!!!

1 Like
Shopify Partner
5921 871 1996

This is an accepted solution.


Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/uplaod all font formate like: TTF, OTF, WOFF, WOFF2, SVF
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;


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing