H4 font change via CSS

[theHCC]

Hello,

I am interested in changing the fonts on all of my H4 tags. I am using the Adobe Type Font Kit and I have loaded a font into the font manager. I have used the following code to change all of the H4 tags to the custom font but the font will not change. In addition, I have cleared the cache on both my browser and website.

h4 {
font-size: 20px;
font-family: “Elido”, sans-serif;
}

Thank you in advance for your help.

[mldarshana]

Hi There @theHCC

Thanks for writing in! Can you please update your CSS rule as follows and see if that helps.

h4, .h4 {
    font-family: "Elido", sans-serif !important;
    font-size: 20px !important;
}

Make sure to purge all cache before testing. You can refer to the following resource if required (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

If you’re still having issues, please provide us with an example page URL to check your issue further.

Thanks!

[theHCC]

This didn’t work, it’s using the sans serif font instead of the custom font. I’m wondering if it’s because it’s a blog page.

Here is the link to the font so that you have a visual of what it looks like versus on screen.

Elido | Adobe Fonts

Summary

Here is the page for reference
http://www.hirehenri.com/uncategorized/3-0-e-commerce-checklist/

The text below is an h4 tag and should be where the font changes.
“Online and on your website is where users will find you and browse an array of products you offer in your store. With the creation of an e-commerce website, you can easily streamline the selling of your products, online promotions, and notifications once an order is placed. To help you get started, we have created a checklist of information needed to design your site.”

[ruenel]

Hello @theHCC,

The “Elido” font were not loaded in the page. Even if you already have set up the font via the font manager, you should use it at least once in your element settings or in X theme option settings so that it will be loaded into the page.

Hope this explains it briefly.

[theHCC]

Got it figured out. Thanks.

[rad]

You’re welcome!