Need help importing custom font in Debut theme

[_Anthony]

Hi,

I'm new to shopify  and wanted to import a custom font from https://fontsme.com/clepto.font ,

Problem is, when I copy the font face in my theme.css and use it in my snippets the font doesn't appears I only get a what's appear to be a default font, even when I download the font (in .otf or .ttf) and put it in my assets folder and modify the font face to get the "local" url, it stays the same.

Anyone knows how to fix this ? or am I doing something wrong ?

[KetanKumar]

@_Anthony 

Sorry for facing this issue, it's my pleasure to help us.

can you please for below step

Yes, you can do easy to upload your custom font

1. Go to Online Store->Theme->Edit code
2.Asset->/theme.css->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
3. Asset->/theme.css->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

[_Anthony]

Hello, thanks for the answer but my problem still persists.

After pasting your code in my theme.css and changing it to my custom font name nothing has changed, my problem may come from somewhere else.

Can you import a custom font on a website only with .otf and .ttf ? Because the custom font that I want to use only has these two types.

[KetanKumar]

@_Anthony 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.