How to add custom header fonts to the Dawn 2.0 theme?

Store Design
1

Hi everyone,

I was wondering if someone can help me. I’m trying to add custom fonts to the new Dawn 2.0 theme.
I’d like to customise all the headings on my website. How do I customise the font?

I can’t seem to find an up-to-date tutorial. Thank you in advance :smiling_face:.

2

@dominey

By customizing the font do you mean changing the font size or the font family?

If the former, please forward your website URL. If the latter, you can use this tutorial.

Kind regards,
Diego

1 Like
3

Hey @diego_ezfy ,

Thanks for this tutorial!

This worked for me, however now all of my fonts are changed and I just wanted the headers.

I’ve coded as below:

@font-face { font-family: "martel-regular-webfont"; src: url('[https://cdn.shopify.com/s/files/1/0608/7160/6488/files/martel-regular-webfont.woff?v=1637969240](https://cdn.shopify.com/s/files/1/0608/7160/6488/files/martel-regular-webfont.woff?v=1637969240)') format("woff"), url('[https://cdn.shopify.com/s/files/1/0608/7160/6488/files/martel-regular-webfont.woff2?v=1637969248](https://cdn.shopify.com/s/files/1/0608/7160/6488/files/martel-regular-webfont.woff2?v=1637969248)') format("woff2"),; } h1,h2,h3,*,[id] *{ font-family: "martel-regular-webfont" !important;

I noticed when I did inspect that all of my other fonts were crossed out.

Hoping you can help!

Thank you :slightly_smiling_face:

4

Your CSS snippet should look at this