Docs

[happydogsnyc]

My site is happydogsnyc.com/hd_504

I’ve added some custom font files in the happydogsnyc.com/hd_504/wp-content/fonts folder.

In the X Theme “Additional CSS” section, I’ve added:

@font-face {
font-family: “Archer”;
src: url(“wp-content/fonts/Archer-Bold-Pro.ttf”) format(“truetype”);
}

h2 {
font-family: “Archer”;
}`

However, my h2 headings still show up with what is set in the Typography section, not my custom font.

NOTE: If you check a page, e.g. happydogsnyc.com/hd_504/baths, you will see I’m playing around with different heading styles, e.g. h4. The problem is the same, if I use h4 and set h4 to Archer via css (i.e. h4 instead of h2 in the snippet above), I don’t see Archer, I see whatever heading font is set in the Typography section.

[Rad]

Hi there,

Thanks for writing in. It should be like this

    @font-face {
font-family: "Archer";
src: url("http://www.happydogsnyc.com/hd_504/wp-content/fonts/Archer-Bold-Pro.ttf") format("truetype");
}

h2 {
font-family: "Archer" !important;
}

Thanks!

[happydogsnyc]

Thanks, works! You guys have super support, really appreciate it.

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts