Jump to content

Custom Font not working

Recommended Posts

  • Replies 5
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 8/12/2021 at 11:44 PM, kdcrtv said:

Site URL: https://www.kaledotsonphotography.com

I cannot get my custom fonts to work. I have the code in the custom-css panel, the font uploaded correctly, and addressed and everything but when I go to plug it into my h1 or h2 or whatever space, it doesn't do anything. 

 

Any thoughts on what could be the issue?

Hi. The font worked here. Do you still need help?

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 weeks later...

Hello - I am having a similar issue for https://www.wildfeminine.co/

I cannot get the 'Speakers and Teachers' section on the front page ('simple list') to use the correct font (RecoletaRegular), despite the headings elsewhere changing. This is also the case on the 'Speakers' page (https://www.wildfeminine.co/speakers-1)

Using this code:

@font-face {    
font-family: 'RECOLETAREGULAR';       
src: url(https://static1.squarespace.com/static/60d9ae15f8161d7ee160493d/t/611bc22091ae423e8f24d8cc/1629209120956/Recoleta-Light.ttf);  }
h0 {font-family: 'RECOLETAREGULAR';}
h1 {font-family: 'RECOLETAREGULAR';}
h2 {font-family: 'RECOLETAREGULAR';}
h3 {font-family: 'RECOLETAREGULAR';}
h4 {font-family: 'RECOLETAREGULAR';}

Hmmm, what am I missing? I have also tried using the 'P' variations, which changes the heading, but it doesn't change the names under the images, and makes other text on the website super small. 

(Apologies in advance as I'm totally new to this and code-illiterate!)

1470616157_Screenshot2021-08-28at15_47_36.thumb.png.3d0bb512f57903fba4ca457503ebbd30.png918284824_Screenshot2021-08-28at15_47_45.thumb.png.993c2dabf3415fabf606c724700f1b72.png 

Link to comment

@ruby

Replace your code with the following.

@font-face {    
  font-family: 'RECOLETAREGULAR';       
  src: url(https://static1.squarespace.com/static/60d9ae15f8161d7ee160493d/t/611bc22091ae423e8f24d8cc/1629209120956/Recoleta-Light.ttf);
}

h1, h2, h3, h4, .list-section-title p {font-family: 'RECOLETAREGULAR';}

 

If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized TrainerSquarespace Expert, and Circle Member and I've been helping my clients as well as those here in the forum and in various Squarespace groups with custom coding and support for Squarespace websites. I would love to help you in any way I can.

Squarespace PluginsBook Live Help | Squarespace Video Tutorials | Buy Me a Coffee

Link to comment

Thanks so much! it half worked - the headings are now changed, but the speaker names under their images are still in the old font. 

Screenshot attached - wondering how to change this? 

P.S. sorry I included the wrong font name, it's 'RecoletaLight' - have rectified this here:

@font-face {    
  font-family: 'RECOLETALIGHT';       
  src: url(https://static1.squarespace.com/static/60d9ae15f8161d7ee160493d/t/611bc22091ae423e8f24d8cc/1629209120956/Recoleta-Light.ttf);
}

h1, h2, h3, h4, .list-section-title p {font-family: 'RECOLETALIGHT';}

1596609678_Screenshot2021-08-28at17_45_28.thumb.png.c8ebf56f3a7ca4ea8731feff86a962d5.png

Link to comment
On 8/28/2021 at 11:49 PM, ruby said:

Thanks so much! it half worked - the headings are now changed, but the speaker names under their images are still in the old font. 

Screenshot attached - wondering how to change this? 

P.S. sorry I included the wrong font name, it's 'RecoletaLight' - have rectified this here:

@font-face {    
  font-family: 'RECOLETALIGHT';       
  src: url(https://static1.squarespace.com/static/60d9ae15f8161d7ee160493d/t/611bc22091ae423e8f24d8cc/1629209120956/Recoleta-Light.ttf);
}

h1, h2, h3, h4, .list-section-title p {font-family: 'RECOLETALIGHT';}

1596609678_Screenshot2021-08-28at17_45_28.thumb.png.c8ebf56f3a7ca4ea8731feff86a962d5.png

Use this

h1, h2, h3, h4, .list-section-title p, p {font-family: 'RECOLETALIGHT';}

 

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

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.