Custom Font not working

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?

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?

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!)

@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';}

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';}

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';}

Use this

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