Custom Font on Five Template Site Title

Please help me change the font to a custom one on the site title. I have changed it everywhere else! 

Add to Home > Design > Custom CSS

h1#site-title a {
    font-family: fontname !important;
}

YAY! It worked! I'm a complete newb, but a fast learner. I tried so many things that didn't work. Including trying to find what it was called in element inspector. Are you able to explain to me how you were able to target this element so that I can apply that to my future coding adventures? 

Either way, thank you for your help, kind internet stranger! 

On 12/31/2019 at 1:30 AM, prism0101 said:

YAY! It worked! I'm a complete newb, but a fast learner. I tried so many things that didn't work. Including trying to find what it was called in element inspector. Are you able to explain to me how you were able to target this element so that I can apply that to my future coding adventures? 

Either way, thank you for your help, kind internet stranger! 

Right click on Site Title > Click Inspect element > Next, you need to learn an HTML/CSS course.....

Hi tuanpan and prism0101! 

Thanks for this! Do any of you know how to make a custom font to the navigation menu in the Five Template? I've tried to figure it out myself, but I'm struggling. 

All the font codes for headliners and body works excellent btw.

Thanks! 

Jens 

Hi @Janken,
Please share your website URL.

Best,
Leopold

8 hours ago, Janken said:

Hi tuanpan and prism0101! 

Thanks for this! Do any of you know how to make a custom font to the navigation menu in the Five Template? I've tried to figure it out myself, but I'm struggling. 

All the font codes for headliners and body works excellent btw.

Thanks! 

Jens 

Add to Home > Design > Custom CSS

@font-face {
	font-family: tuanphan;
	src: url(paste font file url here);
}
nav#main-navigation * {
    font-family: tuanphan !important;
}

Fantastic, it worked! Thank you very much, tuanphan! Really appreciate it. 

Jens