H1 & h2 not changing with custom css or within them options

Support
#1

Hi there, I can’t get my custom font to work, nor can I seem to get headings with h1 or h2 tags to change within the “template-fonts” option.
Here’s my site

On my end I uploaded the fonts to my wp directory but they didn’t work, I then moved them to my public directory via cpanel upload and it’s still not working. I am new to css coding, so I am sure it’s just something I am missing.

Right now they are on my public directory not in with my wp files.

What I can do is set the headings to H3 and make it “look like” H2 and it works for the google font that I have set up that kind of looks like the custom font…but I can’t seem to get the H1 & H2 font family to change at all.

I also tried a custom class, set to the custom font and no go.

@font-face {
font-family: ‘Tenderness-webfont’;
src: url(‘http://calmingtreecounselling.ca/wp-content/fonts/Tenderness-webfont.eot’);
src: url(‘http://calmingtreecounselling.ca/wp-content/fonts/Tenderness-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘http://calmingtreecounselling.ca/wp-content/fonts/Tenderness-webfont.woff’) format(‘woff’),
url(‘http://calmingtreecounselling.ca/wp-content/fonts/Tenderness-webfont.ttf’) format(‘truetype’),
url(‘http://calmingtreecounselling.ca/wp-content/fonts/Tenderness-webfont.svg#fontname’) format(‘svg’);
h1, h2, h3, h4, h5, h6, #site-logo, .post-title, .widgettitle {
font-family: “Tenderness-webfont”!important;
}

Please help.

#2

Hi There,

The font files don’t exist:

Could you please double check?

Thanks.

#3

I have figured out how to customize my fonts, but I can’t seem to figure out how to remove/edit the white space above my h tags.

#4

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, blockquote {
    margin-top: 0;
}

Hope this helps!