[robdickensParticipant]

I’m trying to use custom fonts for all headings (h1-h6). I’ve already updated my child theme’s style.css file to include the font and it displays in the body of the site, but I don’t know what the CSS code should be to change the headings font. I know how to do it in the “Style” field for each individual heading, but that’s a lot of work and it doesn’t affect the headings font used in the “Feature Box”.

Thanks,

Rob

[JadeModerator]

Hi Rob,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[robdickensParticipant]

I’m using the Icon stack, wedding template: http://stonyfield5k.com/

[FriechModerator]

Hi There,

The site is not loading the font in first place because of the by CORS policy issue. Your domain is http://stonyfield5k.com/ but it was trying to load the font from http://www.gotraces.com

Please correct how you define the font-family on your child theme.

Thanks.

[robdickensParticipant]

You don’t understand. The font is loading fine on my page. I simply want to apply the custom font to the headers, globally. I’ve already applied custom font to the body and to some of the headers. All I need to know is (1) what’s the CSS code to change all the headers globally, and (2) where do I insert that code (I’m assuming it’s in the Global CSS settings in the X Theme Customizer).

http://www.stonyfield5k.com is simply a subdomain of http://www.gotraces.com. It’s a redirect, so the actual address is stonyfield5k.gotraces.com.

[JadeModerator]

Hi there,

You may try to add this code in the customizer:

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, {
    font-family: 'Jovial' !important;
}

Hope this helps.

[robdickensParticipant]

That didn’t appear to have any effect on the site fonts. I’ll send my login details in the next post.

[robdickensParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi Rob,

Please add the code below in .htaccess file located at the root directory of your site.

Header add Access-Control-Allow-Origin "*" 

If that doesn’t help, kindly provide ftp login in private reply.

Thanks

[robdickensParticipant]

I’ve created the .htaccess file and put it in the root directory. The headings have not changed to Jovial font. You can directly edit the .htaccess file from within WordPress by going to SEO By Yoast (plugin) -> Tools -> File Editor

Thanks,

Rob

[robdickensParticipant]

Editing the .htaccess file did change one thing that I didn’t want it to change. It changed the UberMenu font from bold Jovial to normal-weight Jovial and editing the UberMenu settings doesn’t change it back to bold.

[RahulModerator]

Which fonts you want for headings? I checked and found headings are Jovial.

Let me know.

[robdickensParticipant]

The “Custom Headings” are Jovial because I was able to manually change them to Jovial in the Style field in Cornerstone. However, all of the other headings that are not a “Custom Heading”, like The Feature List or Feature Box, are not affected at all by the CSS code. I need to change all of them to Jovial, globally.

[JoaoModerator]

Hi There

Please provide the URL of the pages where you have applied those elements.

Thanks

[robdickensParticipant]

The home page: http://stonyfield5k.com/ Under the “What You Get” section, each of those Feature Boxes should be using Jovial font for “Cool Gear”, “Craft Beer”, and “A Rockin’ Party”.

On the “Event Details” page: http://stonyfield5k.com/event-details/ Under the “Stonyfield Fair” section, each of those Icon Lists should use Jovial font. I’ve set the Class to h5 for each Icon List, but I’d actually like to set it to h6. However, when I change it to h6 all text disappears.

For both of these sections, I’m currently using a Google Font that looks a little like Jovial, but I’d prefer to use Jovial.

[Author]

Posts