How can I change my website header font to Oswald?

[LiamP191]

Hey,

At the moment my header is in Helvetica font but id like to change it to the Oswald font

Any tips on how to do this?

MY site is: gigachew.com.au

See image below:

[fadi_yousif · Accepted solution]

1. Navigate to the code editor: Online Store --> Themes --> Edit code --> assets --> base.css

2. Insert the following CSS to the end of the file:

.header {
    font-family: 'Oswald';
}

If the above doesn't work, try this:

.header {
    font-family: 'Oswald' !important;
}

[PageFly-Oliver]

Hi @LiamP191 ,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
#shopify-section-sections--20436527382822__announcement-bar .list-menu__item{
font-family: 'Oswald';
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[LiamP191]

Hey Oliver, I added that and It hasn't worked.

[fadi_yousif · Accepted solution]

1. Navigate to the code editor: Online Store --> Themes --> Edit code --> assets --> base.css

2. Insert the following CSS to the end of the file:

.header {
    font-family: 'Oswald';
}

If the above doesn't work, try this:

.header {
    font-family: 'Oswald' !important;
}

[LiamP191]

Thank you very much, it's worked.

[ZenoPageBuilder · Accepted solution]

Hello @LiamP191 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.header-wrapper {
    font-family: 'Oswald';
}

The result

Hope that helps!