Font won't charge on mobile

Site URL: http://www.flyingcircusparis.com

Hi, i changed the font of the titles for my product blocks, unfortunately it wont work on mobile, only on desktop.

Which is weird because the font is downloaded to the site. I might have the name of the font wrong? 

Attached the code. It's in the header part of the code injection.

Also, is there a script that allows me to add linebreaks to my product blocks titles?

I did it for the classic product pages, but i can't find a way to do the same with the product blocks.

Thanks for the help!!

35 minutes ago, cccomte said:

Site URL: http://www.flyingcircusparis.com

Hi, i changed the font of the titles for my product blocks, unfortunately it wont work on mobile, only on desktop.

Which is weird because the font is downloaded to the site. I might have the name of the font wrong? 

Attached the code. It's in the header part of the code injection.

Also, is there a script that allows me to add linebreaks to my product blocks titles?

I did it for the classic product pages, but i can't find a way to do the same with the product blocks.

Thanks for the help!!

basically i want this product block:

to look like this (it's the basic product page that i customized):

Hi. It is Squarespace font or custom font?

On 11/12/2020 at 3:40 PM, tuanphan said:

Hi. It is Squarespace font or custom font?

Hi, it's a custom font!

I added it to the website's files.

On 11/12/2020 at 3:40 PM, tuanphan said:

Hi. It is Squarespace font or custom font?

Hi there, any idea? 

thanks so much

Add to Home > design > Custom CSS. Replace with your custom font url

@font-face {
	font-family: fontname;
	src: url(paste font file url here);
}
.product-title {
	font-family: fontname !important;
}

23 hours ago, tuanphan said:

Add to Home > design > Custom CSS. Replace with your custom font url

@font-face {
	font-family: fontname;
	src: url(paste font file url here);
}
.product-title {
	font-family: fontname !important;
}

 

Thank you it works!!