Changing Font Name/Family

To change the font for the whole site you can add this to your child style.css or Custom CSS:

body {
    font-family: Arial, Helvetica, sans-serif; // this example will change the font to Arial, Helvetica, sans-serif
}

How do I know which one is for the header, the page navigation links, content, etc.? I will be adding it in the child style.css

This should make the font the same for all.

There’s different places throughout the style.css that have font families, so the “body” won’t work (almost though), unless you were to put that with an !important such as:

body {
font-family: arial, helvetica, sans-serif!important;
}

Adding !important will override the other font family locations.
Were you wanting the same font for everything or just parts?

I don’t want the same font for everything, I would like to use different fonts for different parts. Like I want to change the navigation links (or tabs) on top – Home, About Us, Services, and etc. – to another font. Not to Optima because that is being used for the name of the website (Motivology). Right now, those navi links are what I’m trying to change. Everything else is good for now.

Let me know if this does not make sense.

For the menu, the styling for this is found in the menu.css file around line 56:

.main-navigation li {
list-style: none;
background-image: none;
margin-top: 20px;
padding-left: 0;
font-family: ubuntu-light,abel,sans-serif;
font-size: 1em;
line-height: 1.42857143;
}

The font used is a google one called Ubuntu-light, followed by the others if someone cannot view the Ubuntu font. So for you, changing the font family and styling for this will do it:

.main-navigation li {
}

Works for me – thank you for your help!