I need help adding a custom font into CSS (no coding experience)

Site URL: https://harp-hibiscus-dekc.squarespace.com/

I am working on a site, assumed I would need no coding knowledge for squarespace, but I'm stuck. I need to add custom fonts and use them throughout the website.

Headline Use - Simplon Norm Bold
Subhead Use and Highlights - Simplon Mono Regular
Body Copy - Simplon Norm Regular

Based on my research and limited knowledge, I added this to custom CSS:

@font-face {
font-family: SIMPLONMONO-REGULAR;
src: url(https://static1.squarespace.com/static/6181e18cca832e610f8957e6/t/618ae4290088502e4657967f/1636492329559/SimplonMono-Regular.otf);
}
@font-face {
font-family: SIMPLONNORM-BOLD;
src: url(https://static1.squarespace.com/static/6181e18cca832e610f8957e6/t/618ae4197262ac6ffdf4a65a/1636492313895/SimplonNorm-Bold.otf);
}
@font-face {
font-family: SIMPLONMONO-BOLD;
src: url(https://static1.squarespace.com/static/6181e18cca832e610f8957e6/t/619e62aa9b4b6a3eef1d70cf/1637769898983/SimplonMono-Bold.otf);
}
h1 {
font-family: 'SIMPLONMONO-REGULAR';
}

h2 {
font-family: 'SIMPLONNORM-BOLD';
}

h3 {
font-family: 'SIMPLONMONO-BOLD';
}

I am still not able to see it applied to my site or even search for it in the font menu. PLEASE PLEASE PLEASE offer some advice if possible!

Thanks!

22 hours ago, ssheikh said:

Site URL: https://harp-hibiscus-dekc.squarespace.com/

I am working on a site, assumed I would need no coding knowledge for squarespace, but I'm stuck. I need to add custom fonts and use them throughout the website.

Headline Use - Simplon Norm Bold
Subhead Use and Highlights - Simplon Mono Regular
Body Copy - Simplon Norm Regular

Based on my research and limited knowledge, I added this to custom CSS:

@font-face {
font-family: SIMPLONMONO-REGULAR;
src: url(https://static1.squarespace.com/static/6181e18cca832e610f8957e6/t/618ae4290088502e4657967f/1636492329559/SimplonMono-Regular.otf);
}
@font-face {
font-family: SIMPLONNORM-BOLD;
src: url(https://static1.squarespace.com/static/6181e18cca832e610f8957e6/t/618ae4197262ac6ffdf4a65a/1636492313895/SimplonNorm-Bold.otf);
}
@font-face {
font-family: SIMPLONMONO-BOLD;
src: url(https://static1.squarespace.com/static/6181e18cca832e610f8957e6/t/619e62aa9b4b6a3eef1d70cf/1637769898983/SimplonMono-Bold.otf);
}
h1 {
font-family: 'SIMPLONMONO-REGULAR';
}

h2 {
font-family: 'SIMPLONNORM-BOLD';
}

h3 {
font-family: 'SIMPLONMONO-BOLD';
}

I am still not able to see it applied to my site or even search for it in the font menu. PLEASE PLEASE PLEASE offer some advice if possible!

Thanks!

 

Your site can not be accessed at the moment.

Can you check it again?