Custom Font CSS Not Working in Mobile

Site URL: https://www.kourtnieandcaleb.com/

Hi,

I've added a customer font in CSS. It works for desktop and looks like it is for mobile in squarespace, but when I go to look at it on my phone in a browser, it isn't showing up.

Code:

@font-face {
    font-family: 'La Angelie';
       src: url('CreativeMarket');
}

h1 {font-family: 'La Angelie';}
h2 {font-family: 'La Angelie';}
h3 {font-family: 'La Angelie';}
h4 {font-family: 'La Angelie';}
 

Site Link: www.kourtnieandcaleb.com

Password: wedding

You aren't defining the source URL:  src: url('CreativeMarket'); <- this needs to contain the URL location of the font that you've uploaded. You upload the font in the Custom CSS, at the bottom.

1 hour ago, Ziggy said:

You aren't defining the source URL:  src: url('CreativeMarket'); <- this needs to contain the URL location of the font that you've uploaded. You upload the font in the Custom CSS, at the bottom.

I changed the code to:

@font-face {
    font-family: 'La Angelie';
       src: url('https://creativemarket.com/mila.garret/6621084-La-Angelie-Wedding-Calligraphy-Font');
}

h1 {font-family: 'La Angelie';}
h2 {font-family: 'La Angelie';}
h3 {font-family: 'La Angelie';}
h4 {font-family: 'La Angelie';}

Is that what you meant? It still isn't working

This link is not an uploaded font, it is a website:
https://creativemarket.com/mila.garret/6621084-La-Angelie-Wedding-Calligraphy-Font

You need to download or purchase a font, then upload it to your website Custom CSS, and then reference that URL in the above CSS.
 

kourtnieriv did you get it fixed?

What I see is it looks like you're grabbing the url from where you bought it. You need to upload the font file to the squarespace css section, then put your cursor between the ' ' then click on the file you just uploaded under manage files and it will automatically paste your font url. 

it should look something like this: 

url('FontURLhttps://static1.squarespace.com/static/5e1ce8f116247578368a945c/t/6351b2da1df162256b217a2d/1666298586423/modernline.ttf');

The video on this page can help you: 

https://squaremuse.com/blog/how-to-upload-custom-fonts-squarespace

On 10/29/2022 at 2:00 AM, Loveitdesignco said:

kourtnieriv did you get it fixed?

What I see is it looks like you're grabbing the url from where you bought it. You need to upload the font file to the squarespace css section, then put your cursor between the ' ' then click on the file you just uploaded under manage files and it will automatically paste your font url. 

it should look something like this: 

url('FontURLhttps://static1.squarespace.com/static/5e1ce8f116247578368a945c/t/6351b2da1df162256b217a2d/1666298586423/modernline.ttf');

The video on this page can help you: 

https://squaremuse.com/blog/how-to-upload-custom-fonts-squarespace

Your example is invalid. You need to remove 'FontURL' from the code