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!