Custom CSS Fonts not consistant

Site URL: https://dachshund-copper-bnh5.squarespace.com/

Hi there,
I'm new to editing the custom CSS and I'm having trouble with the custom fonts being consistent across the site. 
I thought I'd only have to edit the paragraph and heading fonts but they are not displaying well across the site at all. 
I've tried going in and editing other parts like the buttons and product price etc. but shouldn't the below override it?
I'm also having an issue where the recoleta font I've uploaded isn't displaying properly. Would really appreciate some help!
 

p {font-family: sofia-pro, sans-serif;
    font-weight: 700;
    font-style: normal;}

h1 {font-family: 'recoleta';}
h2 {font-family: 'recoleta';}
h3 {font-family: 'recoleta';}
h4 {font-family: 'recoleta';}

4 hours ago, vivid11 said:

Site URL: https://dachshund-copper-bnh5.squarespace.com/

Hi there,
I'm new to editing the custom CSS and I'm having trouble with the custom fonts being consistent across the site. 
I thought I'd only have to edit the paragraph and heading fonts but they are not displaying well across the site at all. 
I've tried going in and editing other parts like the buttons and product price etc. but shouldn't the below override it?
I'm also having an issue where the recoleta font I've uploaded isn't displaying properly. Would really appreciate some help!
 

p {font-family: sofia-pro, sans-serif;
    font-weight: 700;
    font-style: normal;}

h1 {font-family: 'recoleta';}
h2 {font-family: 'recoleta';}
h3 {font-family: 'recoleta';}
h4 {font-family: 'recoleta';}

Have you tried set font in style yet?

Or if it is your custom font, you can apply all site by apply in Home > Design > Custom Css

* {
 font-family: 'your-font' !important;
}

Hope it can help you

On 12/8/2021 at 8:30 AM, vivid11 said:

Site URL: https://dachshund-copper-bnh5.squarespace.com/

Hi there,
I'm new to editing the custom CSS and I'm having trouble with the custom fonts being consistent across the site. 
I thought I'd only have to edit the paragraph and heading fonts but they are not displaying well across the site at all. 
I've tried going in and editing other parts like the buttons and product price etc. but shouldn't the below override it?
I'm also having an issue where the recoleta font I've uploaded isn't displaying properly. Would really appreciate some help!
 

p {font-family: sofia-pro, sans-serif;
    font-weight: 700;
    font-style: normal;}

h1 {font-family: 'recoleta';}
h2 {font-family: 'recoleta';}
h3 {font-family: 'recoleta';}
h4 {font-family: 'recoleta';}

Can you share access password?

I've managed to resolve this using the following for CSS

 

@font-face {

    font-family: 'recoleta';

       src: url('https://static1.squarespace.com/static/619e96948de9340ae71dd46d/t/61b67067ef695f7cbae876f1/1639346280576/RecoletaAlt-Bold.ttf');

  }

h1 {font-family: 'recoleta';}
h2 {font-family: 'recoleta';}
h3 {font-family: 'recoleta';}
h4 {font-family: 'recoleta';}



Many thanks!!

On 12/16/2021 at 5:24 AM, vivid11 said:

I've managed to resolve this using the following for CSS

 

@font-face {

    font-family: 'recoleta';

       src: url('https://static1.squarespace.com/static/619e96948de9340ae71dd46d/t/61b67067ef695f7cbae876f1/1639346280576/RecoletaAlt-Bold.ttf');

  }

h1 {font-family: 'recoleta';}
h2 {font-family: 'recoleta';}
h3 {font-family: 'recoleta';}
h4 {font-family: 'recoleta';}



Many thanks!!

I think you can combine h1, h2, h3, h4 to make code shorter

h1, h2, h4, h3 {font-family: 'recoleta';}