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
Solved! Go to the solution
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!
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!
@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
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??
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!
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
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
Hi @NaomiRD ,
You can create a new Question and send me the link. I will check it.
Thank you.
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
Good question. For the moment I just use one police, I’m so happy with it, but I think it’s possible.
😘💕
It’s works on Dawn 2.0, follow my link instructions http://kkco-design.com/blogs/kkco-design/how-to-add-a-custom-font-on-your-shopify-theme
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!!
I did it like the description above. You may have to add h1,h2, cause many headlines are in the h2 class
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
Hello, trying to add an arial font to the announcement bar, and a different font to the rest of the site. Any thoughts?
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.
this doesnt work for dawn theme
Hi @StephanieG,
Or you can create a new Question and send me the link. I will check it.
User | RANK |
---|---|
39 | |
32 | |
16 | |
13 | |
10 |