How to change header font to a custom adobe font on dawn theme

[nudehaven]

Im trying to change the header font to an adobe font but I’m unable to do so. My url is nudehaven.myshopify.com

[PageFly-Victor]

Hi @Digital_Imran,

You can try this code by following these steps:

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

Step 2: Search file base.css

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

header *{
font-family:Adobe !important
}

you need to add font Adobe before use

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[nudehaven]

What do you mean add font adobe before use?

[PageFly-Victor]

if the font Adobe is not excited then you need to add a custom font
example

@font-face {
	font-family: 'Adobe';
	src: url('url file font') format('woff2');
}

[nudehaven]

adobe doesn’t have a file upload option for fonts, it only gives you the codes in which to do so and the url.

[nudehaven]

[PageFly-Victor]

paste this code before on theme.liquid

and use font

header *{
font-family:"mono45-headline",monospace !important;
font-weight:700
}

[nudehaven]

now it just shows the code at the top of the announcement bar

[PageFly-Victor]

you need to add code to base.css

or theme.liquid

[nudehaven]

I put the code under theme.liquid and This changed the menu item fonts which I wanted but I also want all the headers to be that font, so the image banner headers and the page titles.

[PageFly-Victor]

Are you want all content to have the same font?

[nudehaven]

Just the header typography not the body typography

[PageFly-Victor]

you can add

[nudehaven]

to theme liquid or base.css?

[nudehaven]

this worked under theme liquid! thank you so much!!

[PageFly-Victor]

you are welcome. I’m glad when I can help you
if theme.liquid

if base.css

#MainContent h1, #MainContent h2,#MainContent h3,#MainContent h4,#MainContent h5,#MainContent h6 {
font-family:"mono45-headline",monospace !important;
}
header *{
font-family:"mono45-headline",monospace !important;
font-weight:700
}

[NaomiRD]

Hi @PageFly-Victor

Does this solution work for Dawn Theme Version 9.0? And would I use similar code if I wanted to use 2 different custom fonts - one for the headers and one for the body?

[Jayr0521]

Hi Victor good day!

I have problem with the Apparat Adobe Font. The font-weight is not working properly. I want the hairline thickness, but when I put the font-weight: 100, nothing happen, But if I make it font-weight:600, the font become thick. https://fonts.adobe.com/fonts/apparat

Here is our link: https://starandcoanxietyjewellery.au/

Thanks!