Code Issue - Can't figure out where I'm going wrong

Hey all,

Have been trying to figure this out and I'm just stuck. I input a custom font code I've used successfully on many sites and it's not working for me. Have the three WOFF files loaded in and have tried to follow same process. 

Am also getting an error about "missing opening {"

Here is the code:

{ h1, h2, h3, h4 {
   margin-bottom: .4rem;
   margin-top: .4rem;
 }

.list-item-content__button {
    font-size: 85% !important;
}

@media screen and (min-width: 740px) { .sqs-block-html pre code { writing-mode: vertical-rl !important; transform: rotate(180deg) !important; margin: 0 auto; position: relative; right: -20px; } }

.page-section.background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
  @media screen and (min-width: 740px) {
.sqs-row {
align-items: center;
display: flex;
      }}}

.page-section.content-width--wide .content-wrapper { @media screen and (min-width: 740px) { 
    padding-left:0!important; 
    padding-right:0!important; 
  padding-top: 0px !important;
  padding-bottom: 0 !important;
    overflow-x:hidden !important; 
    max-width: 100%!important; 
  }}

.user-items-list-simple
 { @media screen and (min-width: 740px) { padding-left:100px !important; 
  padding-right:100px !important; 
  }}

.user-items-list-simple
 { @media screen and (max-width: 740px) { padding-left: 30px !important; 
  padding-right: 30px !important; 
  }}
}
// Go Arrow Button - Button Padding //
.sqs-block-button-element--medium
{
    padding: 20px 20px !important;
    border: 2px solid  !important;
}

// Go Arrow Button - Arrow Icon Style //
.sqs-block-button-element--medium:after {
    content: '➔';
    border-left: 1px solid;
    padding-left: 20px;
    margin: 0px 0px 0px 20px;
}

// Go Arrow Button - Button Padding //
.primary-button-style-solid .light .sqs-block-image .design-layout-card .image-button a
{
    padding: 20px 20px !important;
    border: 2px solid  !important;
}

.primary-button-style-solid .light .sqs-block-image .design-layout-card .image-button {
  font-size: 90% !important;
}

// Header Button //
.sqs-block-button https://static1.squarespace.com/static/6123d86d3c7b484b1b0461fd/t/63beecef375fc71e2d4ea3e1/1673456879503/glamourluxury-Bold.ttfn-element, .image-button a, .header-actions .btn, .header-skip-link 
{
  padding: 15px 15px !important;
    border: 2px solid  !important;
}

.primary-button-style-solid .btn:after {
    content: '➔';
    border-left: 1px solid;
    padding-left: 20px;
    margin: 0px 0px 0px 20px;
}

.newsletter-form-button
{
    padding: 20px 20px !important;
    border: 2px solid  !important;
}

.newsletter-form-button:after {
    content: '➔';
    border-left: 1px solid;
    padding-left: 20px;
    margin: 0px 0px 0px 20px;
}

.form-wrapper .field-list .field .field-element {
  border: 2px solid;
  background: transparent;
  padding: 9px;
  border-radius: 0px;
}

.gallery-reel[data-width="inset"] {
//-Slideshow: reel
.gallery-reel-item img
{filter:grayscale(100%); transition:1s}

.gallery-reel-item img:hover{filter:grayscale(0%)}
  
.gallery-reel-item img {
  width: 90% !important;
  object-fit: contain !important;
  }}

.sqs-block-code {
  padding: 0px !important;
}

.sqs-search-ui-button-wrapper.color-light .search-input {
  border: 2px solid white;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
  margin-bottom: -10px;
  color: white !important;
  opacity: 1;
}

.design-layout-collage .image-card-wrapper {
  @media screen and (max-width: 740px) { 
  padding-top: 50px;
  }}

footer#footer-sections {
  p {
    font-size: 85%;
  }
}

footer#footer-sections {
.sqs-svg-icon--list {
  margin-top: -15px;
  margin-bottom: -15px;
  }}

.sqs-block-button-element--small {
width: 200px !important;
margin-top: -20px;
}

//CUSTOM FONT//
@font-face {
font-family:"glamourluxury-Bold";
src: url(https://static1.squarespace.com/static/6123d86d3c7b484b1b0461fd/t/63bef4bbe883934ee90b1dc9/1673458875761/glamourluxury-Bold.woff);
}
@font-face {
font-family:"glamourluxury-Regular";
src: url(https://static1.squarespace.com/static/6123d86d3c7b484b1b0461fd/t/63bef4b9578a4604b74791a9/1673458873612/glamourluxury-Regular.woff);
}
@font-face {
font-family:"glamourluxury-Light";
src: url(https://static1.squarespace.com/static/6123d86d3c7b484b1b0461fd/t/63bef4b540db7659fd6d70c2/1673458869783/glamourluxury-Light.woff);
}
h1 {
font-family:"glamourluxury-Bold"!important;
}
h2 {
    font-family:"glamourluxury-Regular"!important;
}
h3 {
    font-family:"glamourluxury-Light"!important;
} 
}

You mean custom font doesn't work or which code doesn't work? And what is your site url? We can test code easier