Any Squarespace experts around who can tell me what's wrong with my code?

I am trying to use custom fonts on my website, but it's not working. I have been trying since Friday! Would really appreciate someone having a look at this for me. Also, I want H4 to be hot pink, but not sure if this is possible? Thanks so much!

// CUSTOM FONT @font-face { font-family: 'APTOS'; src: url(https://static1.squarespace.com/static/6504ceb79d440f11ccd39185/t/650f6bb738975f2514217250/1695509431710/aptos.ttf); ); }

p { font-family: ‘aptos’; font-size: 20pt; letter-spacing: 1px; line-height: 140%; }

// CUSTOM FONT @font-face { font-family: 'anonymouspro'; src: url(https://static1.squarespace.com/static/6504ceb79d440f11ccd39185/t/6504e6736c4ef47bbf584ed5/1694819955781/AnonymousPro-Regular.ttf); ); }

h1 { font-family: ‘anonymouspro’; font-size: 20pt; letter-spacing: 1px; line-height: 140%; }

h2 { font-family: ‘bebeneue’; font-size: 20pt; letter-spacing: 1px; line-height: 140%; }

h3 { font-family: ‘aptos’; font-size: 20pt; letter-spacing: 1px; line-height: 140%; }

h4 { font-family: ‘aptos’; font-size: 20pt; letter-spacing: 1px; line-height: 140%; }