Jump to content

need help with custom CSS font

Recommended Posts

Im pretty sure I have SP 7.0 

I put in this code for custom font about 5 years ago and I need to change the font to 'pragmatica' - I just replaced where the old font name was with the new name but its not changing I'm not sure if I need to put in a whole new code? 

will past code below

 

 

//new font//
@font-face {
font-family: OLDSTANDARD;
src: url(https://static1.squarespace.com/static/5d6d1827cbc1df0001d27327/t/645dc089df5d601f1572f372/1683865739010/OldStandard-Bold.ttf);
}

//ASSIGN FONT HEADINGS//
h1 {font-family:PRAGMATICA;}
h2 {font-family:pragmatica;}
h3 {font-family:pragmatica;}

.Header-nav--primary
{font-family:PRAGMATICA;
font-weight:heavy;
  
}

.Body-text--
{font-family:OLDSTANDARD; }

.sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title {
      font-size: 22px;
      font-weight: bold;
      font-family: OLDSTANDARD;
color: black;
      letter-spacing: 2px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      padding: 10px;
      position: absolute;
      text-align: center;
      top: 50%;
      transform:          translateY(-50%);
  }
 
  
  /*Center Text*/
  .slide .margin-wrapper:hover .image-slide-title {
    display: inline-block;
  }
  .sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title {
     white-space: normal !important;
     max-width: 70% !important;
     padding: 0 !important;
   }

.Header.Header--top {
  position: fixed;
  top: 0px;
  z-index:1000;
  width:100%;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.1)
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90px;
}
nav.header-menu-nav-list a {
    font-family: 'PRAGMATICA' !important;
}

Link to comment
  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

15 minutes ago, GAGAS said:

I'm not sure if I need to put in a whole new code

It doesn't look like you have uploaded and replaced the old font file with the new one.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

No worries!

You need to update this part of the code to change the src URL and the font name.

@font-face {
  font-family: OLDSTANDARD;
  src: url(https://static1.squarespace.com/static/5d6d1827cbc1df0001d27327/t/645dc089df5d601f1572f372/1683865739010/OldStandard-Bold.ttf);
}

You'll need to upload the new font file to "Manage Custom Files" in the Custom CSS dashboard. and then add the link in the line "src:url()"

You can have a look at this guide:

https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71

Make sure the font-family name is updated and then use it exactly as you have it here in the places where you are applying the font.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

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.