Add a custom font to the Dawn Theme Version 1.1.0

Solved
gregorsart
Excursionist
32 0 8

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

0 Likes

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!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

@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

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
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!

0 Likes
KKay
New Member
2 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

0 Likes