Custom Font: In text boxes but not in header/footer?

Hey everyone!
I'm really new to this, so please answer with words that anyone would understand, much appreciated!

So I managed to upload a custom font but it doesnt affect the header and footer and some other modules.
How do I make that font family the global font for the website?

Many thanks!

Hello there,

When you install a custom font, you will also need to tell your website what elements should use the custom font. Typically, you'll be using:

p, h1, h2, h3, a {
font-family: "Your_Font_Name";
}

These are the most common text elements.

P = Paragraph

h1 = Heading 1..., 

and A = Link

Your header and footer most likely consists of multiple "a" elements and sometimes the code above won't be enough to target all of the elements on your website, so you may need to specifically target the header and footer sections by adding and overriding the default fonts:

.Header a {
font-family: "Your_Font_Name" !important;
}

Footer:

.Footer a {
font-family: "Your_Font_Name" !important;
}

If you'd rather use a global font change you can use:

* {
font-family:"Your_Font_Name";
}

Hope this helps!

-Dan