Jump to content

How to add a custom font on Squarespace 7.1

Recommended Posts

  • 1 month later...

Hello! I like how simple you made this via copy/paste and easy code. It was all working well until Squarespace told me there was too much text and I had to remove some in order to save. Have you ever run into this issue, and if so, any ideas on how to solve it? (For context, I was uploading three font weights, same family.)

Link to comment
  • 1 month later...

Hey Tori! This video was excellent.  It worked like a charm!  Can you tell me how to apply it to a paragraph section?  I tried P1 and P2 for paragraph sections, but those variables didn't work.  Thanks!

 

Update: Just figured out that you can only edit all paragraph font.  You can't customize for paragraph 1, 2, and 3.  Just simply put <p> in place of <h1> etc.  

Edited by KNicole
Figured it out
Link to comment
22 hours ago, KNicole said:

Hey Tori! This video was excellent.  It worked like a charm!  Can you tell me how to apply it to a paragraph section?  I tried P1 and P2 for paragraph sections, but those variables didn't work.  Thanks!

 

Update: Just figured out that you can only edit all paragraph font.  You can't customize for paragraph 1, 2, and 3.  Just simply put <p> in place of <h1> etc.  

You can customize p1 & p2. if you still want this, I can give the code.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
  • 3 weeks later...

Hi, I put this code into css (7.1) , but it doesn't work:

@font-face {    
font-family: 'DIN Next Rounded LT W041448969';       
src: url('https://static1.squarespace.com/static/5f71b8cca49b5d4c23cea2a7/t/5f71bb4f0a75e61a51deba2b/1601289040259/ddfe8678-9044-401c-be1c-b4d9d8669509.woff');  }

* {
    font-family: DIN Next Rounded LT W041448969 !important
}

can you help me. Thanks, Christoph

 

Link to comment
On 10/6/2020 at 2:15 AM, christoph_blank said:

Hi, I put this code into css (7.1) , but it doesn't work:

@font-face {    
font-family: 'DIN Next Rounded LT W041448969';       
src: url('https://static1.squarespace.com/static/5f71b8cca49b5d4c23cea2a7/t/5f71bb4f0a75e61a51deba2b/1601289040259/ddfe8678-9044-401c-be1c-b4d9d8669509.woff');  }

* {
    font-family: DIN Next Rounded LT W041448969 !important
}

can you help me. Thanks, Christoph

 

* {
	font-family: ''DIN Next Rounded LT W041448969' !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 10/6/2020 at 2:15 AM, christoph_blank said:

Hi, I put this code into css (7.1) , but it doesn't work:

@font-face {    
font-family: 'DIN Next Rounded LT W041448969';       
src: url('https://static1.squarespace.com/static/5f71b8cca49b5d4c23cea2a7/t/5f71bb4f0a75e61a51deba2b/1601289040259/ddfe8678-9044-401c-be1c-b4d9d8669509.woff');  }

* {
    font-family: DIN Next Rounded LT W041448969 !important
}

can you help me. Thanks, Christoph

 

Use this

* {
	font-family: 'DIN Next Rounded LT W041448969' !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...
On 12/17/2020 at 1:44 AM, CR-Colorado said:

What is the code to customize P1 and P2?

 

Can you customize the Monospace font?

Use this code

/* p1 */
p.sqsrte-large {
    font-family: futura-pt;
}
/* p2 */
p {
    font-family: monospace;
}
/* p3 */
p.sqsrte-small {
    font-family: fantasy;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
  • 3 months later...

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.