Cannot add a customized font for the life of me

Website URL: amsperle.com

I'm currently trying to add a custom font to my website and it will not work for the life of me. I've tried re-downloading my font file, deleting and uploading again, and every time I go to my website page, the font remains unchanged and I have no option within font families to add my own font. I feel like I'm losing my mind hahaha.

My code is as follows: 

@font-face {
  font-family: 'spitzkant';
  src: url(https://static1.squarespace.com/static/60788cefc1c5303b3e31f981/t/6481f0f3fe79702e28324e97/1686237427546/spitzkant-head-light+2.ttf);
}

h1, h2, h3, h4, h5 {
  font-family:'spitzkant';
}
p {
  font-family: 'spitzkant';
}

can you share a link to your site?

Hi @amsperle I checked your site amsperle.com and inspected the code; the code you quoted in your post is missing.

It so looks like it hasn't been injected - so check your Custom CSS and add the font-face code again and click "Save"

The good news is that I tested your font-face code, and the URL for the font is working.

Let me know if you get it working.

@jaeveedee here is the link - https://amsperle.com/, thanks in advance for taking a look!

@Photograffix Hi- appreciate your help! This is what the issue is for me. I do have the code injected and have sit save but it doesn't seem to apply to my site. 

is this not it?

Not sure why it wasn't working when I first looked but it looks like it's working now.