Need help importing custom font in Debut theme

_Anthony
New Member
2 0 1

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
Shopify Partner
14255 1657 5131

@_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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
_Anthony
New Member
2 0 1

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.

0 Likes
KetanKumar
Shopify Partner
14255 1657 5131

@_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.

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