Add a custom font to the Dawn Theme Version 1.1.0

[gregorsart]

Hello Community, does someone know how to implement a custom Font, when I use the dawn theme (I have the font in the .woff Format)

Thank you for your help,

newbie

[LitExtension · Accepted solution]

First you need to upload it in Assets.
Then you go to the file layout/theme.liquid and add the code: https://i.imgur.com/Fdf5Ab4.png
@font-face {
font-family: 'fontname';
src: url('{{ 'fontname.woff' | asset_url }}') format('woff'),
font-weight: normal;
font-style: normal;
font-display: swap;
}
At the end you just need to get fontname, it will work fine.
Hope it helps!

[diego_ezfy]

@gregorsart 

Please follow this step-by-step tutorial about how to install custom fonts. Let me know if you need any further help.

Kind regards,
Diego

[openeast]

Hi there, I tried this, but it didn't work for me so far as I can tell. Should the font be accessible in the typography section??

[newbieka]

same problem. I followed the steps but it's not appearing as an option in the typography section of the theme. how so you get it to work? thank you!

[NaomiRD]

Hi

Ive followed your instructions and added a custom font but I would like to use more than one on my site. Is there an easy way to do this?  I am not very familiar with coding but found your instructions really easy to follow. 

I'm currently using the Narrative theme but hoping that doesn't make a difference.

Many thanks

Naomi

[LitExtension]

Hi @NaomiRD ,

You can create a new Question and send me the link. I will check it.

Thank you.

[Picknick]

Hi,

its not working for the Dawn2.0 Theme. Does anyone have a solution which works for Dawn 2.0? Spent several hours, but didn't get it

[NaomiRD]

Hi

Many thanks for your response. Ive now posted a new question and hopefully this is the link.

https://community.shopify.com/c/technical-q-a/add-more-than-one-custom-font-to-the-narrative-theme/m...

[LaseMakers]

Hi!!

I have the same issue, I want to add a custom font only to headings, I'm using Dawn. 

Did you find a way to do it?

Really appreciate the help.

Thank you!!

[Picknick]

I did it like the description above. You may have to add h1,h2, cause many headlines are in the h2 class

[LaseMakers]

Hi @KKay 

This worked, but it added the font on my hole page and I just wanted in headings.

Do you know a way that it will only be added to headings on dawn?

Thank you!!

Carolina

[Joan65]

Hello, trying to add an arial font to the announcement bar, and a different font to the rest of the site.  Any thoughts?

[StephanieG]

what is the solution? i have custom fonts for my brand and I have the new theme Dawn but there is no where for me to add fonts. 

[StephanieG]

this doesnt work for dawn theme

[LitExtension]

Hi @StephanieG,

Refer https://community.shopify.com/c/technical-q-a/add-more-than-one-custom-font-to-the-narrative-theme/m...

Or you can create a new Question and send me the link. I will check it.

[ForeverRyic]

can you explain this a little more ? do i just replace the word fontname?

[Shauletay]

Hi

I used your guide and it worked.

but how do I do it so the custom font will only work on header?

I want to have 2 different fonts, one for the header and one for the body.

I tried change the h1, h2 etc. on your snippet but it didnt work.

thanks 

[Shauletay]

@diego_ezfy 

Hi 

I used your guide and it worked.

but how do I do it so the custom font will only work on header?

I want to have 2 different fonts, one for the header and one for the body.

I tried change the h1, h2 etc. on your snippet but it didnt work.

thanks 

[Maxime-art]

I am trying to make it work on the Dawn theme.. But It failed on me. Any tips?