Jump to content

Custom font code not working

Recommended Posts

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;

}

Link to comment
  • Replies 1
  • Views 342
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.