Change body and post name Font in Posts

Support
#1

Hi! Can you please tell me how to add code so the POST NAME and BODY font on my posts only is the google font Give You Glory (which I see is already in the theme). My posts page is called Chela: Diary Notes.

Thank you!

#2

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.entry-content {
    font-family: "Give You Glory", san-serif;
}
#3

I added that code- it didn’t work. Can you please check it out and advise. BTW- I use Ethos, Child Theme. Thank you.

Andrea

#4

Hello Andrea,

Please try adding following CSS and let us know how it goes:

.single .h-landmark, .h-landmark.entry-title {font-family: 'Give You Glory', cursive;}

.single .entry-content p {font-family: 'Give You Glory', cursive;}

Thanks.

#5

Nope… that is still not working. Can you please take a look and see what’s going on and advise? I am using Ethos, Child Theme.

#6

Hi there,

The font seems to be not loaded on the theme yet.

Please try to add this in the functions.php of the child theme:

add_action( 'wp_enqueue_scripts', 'load_scripts' ); 
 
function load_scripts() {	

	wp_enqueue_style( 'give-you-glory-font', 'https://fonts.googleapis.com/css?family=Give+You+Glory' );

}

Hope this helps.

#7

Where do I find the functions.php of the child theme?

#8

Hello @andreadean,

Have you installed X child theme? If you haven’t then please install child theme and then add the code in function.php file. You can refer following post to get started with child theme:

Thanks.

#9

OK, that worked.

  1. But the font is too small. How do I increase the font size to 14?
  2. And I MAY need to bold it too.

Please provide instructions to do both of these separately, in case I decide not to bold.

Thanks.

#10

Hello There,

Thanks for updating in! If you want to increase the font size, you can update the code and use this instead:

.entry-content {
    font-family: "Give You Glory", san-serif;
    font-size: 16px;
}

If you want to make it bolder, you can update it to this:

.entry-content {
    font-family: "Give You Glory", san-serif;
    font-size: 16px;
    font-weight: bold;
}

You may not be seeing a difference being bolder because this Google font only has regular font weight. There is no lighter, bolder or even italic weight for this font.

Hope this helps.

#11

Where am I putting that code you suggested?

I put this code in the functions.php of the child theme. Previous adds to the CSS did not change the font. Please review the thread:

add_action( ‘wp_enqueue_scripts’, ‘load_scripts’ );

function load_scripts() {

wp_enqueue_style( 'give-you-glory-font', 'https://fonts.googleapis.com/css?family=Give+You+Glory' );

}

#12

Hello There,

Thanks for updating in!

1.) I have checked your child theme and I can see that you have successfully added the code.

2.) In X > Launch > Options > Custom CSS or Appearance > Customize > Custom > Edit Global CSS, you have added this (http://prntscr.com/gr3wvw):

.entry-content {
    font-family: "Give You Glory", san-serif;
    font-size: 20px;
}

This code is already working. Your font size is already 20 pixels as shown here: http://prntscr.com/gr3xiu

If you want to have it bolder, as I mentioned, it will not be possible because this “Give You Glory” Google font only has regular font weight. There is no lighter, bolder or even italic weight for this font.

Hope this helps.