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’, ‘https://fonts.googleapis.com/css?family=Vast+Shadow’, 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?
