google fonts

Hello,

Go to Customize > Typography > Heading 1 (H1) and select ‘Wallpoet’ from the Font Family dropdown.

Yes but that will change all <H1> headings in my website no ?

I only want to change one heading on one page. many thanks

Okay, just add the below code to the Customize > Custom CSS section. You have already added code to style h1 tag, right? If you need, you can use the below code.

h1#tpw {
    font-family: wallpoet;
}

i have not add the code yet. I dont know the correct placement for the google fonts code.

<div id=”scrollback”>
<h1 id=”tpw” style=”text-align: center;”>“Tachileik Photo Walk”</h1>
<h5 style=”text-align: center;”>Jan 2019</h5>
<h5 style=”text-align: center;”>?Click to Scroll to Section?</h5>

The code I gave, you need to add it in the Customize > Custom CSS section.

Your code is HTML code. You need to add this code to the child theme where you have added code to design that section.

I added the code to functions.php
the H1 works but not the below. When i add the code into page editor…it gets automatically deleted for some reason. I just want to be able to have different font styles for headings and titles because it looks cool.

CAT YAWN

BABY PORTRAIT

STREET PORTRAIT

function custom_add_google_fonts() {
wp_enqueue_style( ‘custom-google-fonts’, ‘https://fonts.googleapis.com/css?family=Wallpoet&#8217;, ‘https://fonts.googleapis.com/css?family=Vast+Shadow&#8217;, false );
}
add_action( ‘wp_enqueue_scripts’, ‘custom_add_google_fonts’ );

I worked it out i think

I added multiple fonts at once

https://fonts.googleapis.com/css?family=Monofett|Vast+Shadow|ZCOOL+KuaiLe

?? ??

It seems the issue is fixed. If not, please let me know?