Add a custom font to the Dawn Theme Version 1.1.0

Solved
gregorsart
Shopify Partner
52 1 17

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

Accepted Solution (1)

Accepted Solutions
LitExtension
Shopify Partner
3746 743 785

This is an 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!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!

View solution in original post

Replies 22 (22)
LitExtension
Shopify Partner
3746 743 785

This is an 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!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
diego_ezfy
Shopify Partner
2725 511 689

@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
Tourist
7 0 2

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
Tourist
6 0 0

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!

KKay
Tourist
5 0 0

It works perfectly for me 🤩💕 

I create a blog post to explain it in details 👉 http://kkco-design.com/blogs/kkco-design/how-to-add-a-custom-font-on-your-shopify-theme

NaomiRD
Excursionist
29 1 1

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
Shopify Partner
3746 743 785

Hi @NaomiRD ,

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

Thank you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
Picknick
Excursionist
25 0 6

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

KKay
Tourist
5 0 0

Good question. For the moment I just use one police, I’m so happy with it, but I think it’s possible. 
😘💕

KKay
Tourist
5 0 0
NaomiRD
Excursionist
29 1 1
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...
KKay
Tourist
5 0 0
LaseMakers
Shopify Partner
80 1 25

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
Excursionist
25 0 6

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

LaseMakers
Shopify Partner
80 1 25

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
Tourist
10 0 1

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

Joan Smith
StephanieG
Excursionist
10 0 2

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
Excursionist
10 0 2

this doesnt work for dawn theme

LitExtension
Shopify Partner
3746 743 785

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.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!