HjalmarW Posted May 21, 2021 Share Posted May 21, 2021 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! Link to comment
Wolfsilon Posted May 21, 2021 Share Posted May 21, 2021 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 Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.