Custom Fonts for headers

Site URL: http://www.veenadubal.com

Hi All,

I'm building my first website and need help with changing the headers and paragraphs to unique fonts.

I've tried a basic CSS code but I guess being in version 7.1 overrides it.

I want to have unique fonts for H1, H2, H3, and H4.

Thank you

PM!

Please give is the site-wide password for your site so we can take a look at your issue.

I'm seeing the Londrina Outline font in several locations. Is that the custom font you are using?

It seems to be; being applied to h1 and h2 at least.

@creedon Yeah its applying to all H1-H4. I wanted to have a unique font for H2, H3, and H4...  and then keep Londrina as the main header for the page headers.

Ah. Then add something like the following to Design > Custom CSS.

h2 {

  font-family: Times;
  
  }

h3 {

  font-family: Times;
  
  }

h4 {

  font-family: Times;
  
  }

Replace Times with the name of the custom fonts you want to use.

@creedon thank you; its not recognizing the font when I add this 😕 

Does it need to be a web-safe font?

Have you uploaded the custom fonts to your site? If not, check out @paul2009's  excellent guide Adding Custom Fonts to Squarespace.

Also what are the names of your custom fonts?

Ah ok, that's exactly it. I didn't realize we need to load the fonts even if squarespace already supports them. I was trying to use a variation between Printif and Londrina (still playing around with the font to be honest to see what my client likes). Thank you for the resource, I will check it out!

update! @paul2009 suggestion worked! Thank you @creedon!!! 

If they are SS fonts and you can find their URL then you could use them without the upload part. If SS moved the font in the future then you'd need to update the URLs.