Custom Fonts won't load

I'm really hoping someone on here can help me out. I made a new website because my old one was basically defunct since I haven't published a book in twelve years. Anyway, I started over from scratch with a new pen and domain name. I think my site turned out really well considering I am definitely not a coder and know very little about it.

That said, I've been beating my head against a wall trying to upload a custom font. I tried five different custom fonts and I can't get *any* of them to show up. I've watched at least that many videos off of Youtube. (I think Squarespace hates me.)

So instead I've been writing my headings in Canva and turning them into images that I then upload to Squarespace. I know this is not ideal. Google isn't going to pick up my website if it doesn't recognize my name. I'd really like to just get Pink Crestelle (font) uploaded onto Canva once and for all and use it the correct way.

This is the code I entered (but it's just one of five that I've tried): 

@font-face {
font-family:PinkCrestelle-Medium;
src:url(https://static1.squarespace.com/static/661b441971c95240cde1299b/t/66212a41531a8905d212d8f5/1713449537050/PinkCrestelle-Medium.otf) 
}

h1 {font-family:PinkCrestelle-Medium!important}

Can anyone tell me what I'm doing wrong? I really need to get back to the other billion things I have to do. I don't want to spend any more doing something fruitless.

Try this adjustment to your code: 

@font-face {
  font-family: 'PinkCrestelle-Medium';
  src: url('https://static1.squarespace.com/static/661b441971c95240cde1299b/t/66212a41531a8905d212d8f5/1713449537050/PinkCrestelle-Medium.otf');
}

h1 {
  font-family: 'PinkCrestelle-Medium' !important;
}

Sadly, it didn't work. Thank you.

Where are you putting the code? 

In the custom CSS font spot.

Can you share site url? We can test your code easier

https://parakeet-bison-5mrj.squarespace.com/config/pages

I actually just changed it: susanhenshawauthor.squarespace.com

Looks like it's working great. These are the only Heading 1 I could find, and it's applying your font: