How to change Font sitewide?

Brad – There are quite a few ways to do this.

I did it using the @fontface CSS property.

You need to download (FTP) the font files to your server and then put the following CSS code in your custom CSS style.css file.

You have a child theme or a custom CSS plugin right?

@font-face {
	font-family: baarzeitgeist;
	src: url('baarzeitgeist.ttf');
	font-family: waldorf;
	src: url('waldorf2.ttf');
	font-family: philos;
	src: url('philos.ttf');
}
/************** styling for site title */

.site-header h1 a {
	color:#119000;
  	font-size: 2.19231em;
  	line-height: .87143em;
	font-family: Philos, Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-weight: bold;
  	font-style: normal;
	width: 100%;
	float: left;
	margin-right: 2.12766%;
	display: inline;
}
.site-description	{
	width:120%;
	font-size:1.5rem;
	font-style:italic;
	color:#119900;
	padding-left:20px;
}
/************** change header font */

h1, h2, h3, h4, h5, h6 {
	color:#119900;
  	font-weight: normal;
  	font-family: Philos, Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}

i have a child themes but I am a little confused on how to use it still.

I go to editor and my child theme pops up but when i cut everything I had from the custom css box from the leaf theme originally and paste it into the child theme box in editor, it just takes away all the changess I had made using the custom css box.

what do you mean by downloading the files and putting them where?

sorry, this is my first website so i am still learning. all of your suggestions have been very helpful though!

also, if leaf theme updates, does everything I have in my custom css box disappear? that seems counterintuitive

does everything I have in my custom css box disappear

No, it’s stored in database.

so why is it recommended to create a child theme when you can just do styling through the custom css box?

When I change the header font color as shown in the code above it also changes the header in the slider box… is there a way to leave it white like the default?

thanks for the help guys

so why is it recommended to create a child theme when you can just do styling through the custom css box?

First, not all the themes have a custom CSS box.
Second, the child theme is also used for changes to the template files.
Leaf has a child theme ready here, but if you don’t edit the template you don’t need it, and it’s better for you the theme CSS box.
Now, if you need help, you have to put the URL to the page with the problem, and explain better what you want to achieve.

I go to editor and my child theme pops up but when i cut everything I had from the custom css box from the leaf theme originally and paste it into the child theme box in editor, it just takes away all the changess I had made using the custom css box.

I don’t know what child theme are you using and if it works, but it must be activated if you want to use it.
However, as already mentioned, you don’t need it if you’ll never change php files.