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:
Topic summary
A Shopify store owner wants to change their website header font from Helvetica to Oswald.
Solutions Provided:
Multiple users offered CSS-based approaches:
- Method 1: Add custom CSS to theme.liquid file via Online Store → Theme → Edit code
- Method 2: Insert CSS code into base.css file (assets folder) targeting the header element with
font-family: 'Oswald' - Method 3: Use
.header-wrapperclass selector in base.css with the Oswald font family declaration
Outcome:
The issue was resolved successfully. After initially trying one solution that didn’t work, the user confirmed that one of the CSS methods worked correctly, changing the header font to Oswald as desired.
Technical Note: All solutions involve accessing Shopify’s theme code editor and adding CSS rules, with slight variations in file location (theme.liquid vs. base.css) and CSS selector specificity.
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
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hey Oliver, I added that and It hasn’t worked.
-
Navigate to the code editor: Online Store → Themes → Edit code → assets → base.css
-
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;
}
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!
Thank you very much, it’s worked.