Hello, After a long search for the right way to add a font to my theme, I decided to use this method: https://www.youtube.com/watch?v=CRNTnASxTCg&t=210s It did indeed change the font, but not with the right one. My downloaded font is “Brother1816 Extra Bold” and the one now present on the theme i…

Hi @Julietteweb , You can follow these steps: Step 1: Upload font at File and paste link at theme.liquid file: [1.png] Step 2: Change the font name here to display the font for Heading: [2.png] Step3: add code here to display for button: [3.png]

UPDATE : I tried to do the same process from the very begining on a new theme (I used Dawn) and the same thing happened. No matter what I write after font-family: … even just a letter the font change but always in the wrong way, with a font I don’t know and which I didn’t add to my theme’s code0

@Julietteweb You can referent this guide: https://community.shopify.com/topic/1703100

Hi @Julietteweb , Currently, declaring asset_url will not work well for fonts, if you want, you can upload fonts at content > files and then enter the link, it will work fine. Refer https://community.shopify.com/post/2770812

Hi, The font-family should be consistent for both the @font-face and elements like h1, h2, and * {}. Currently, you have different font-family names assigned: “Brother ExtraBold Font” and “Brother Bold Font.” Also, the format should be “woff2,” not “woff.2.” P.S. If this doesn’t solve your issue, …

Hello @namphan , I apologize for my late reply. Thank you for taking the time to answer. I read your answer on the link you gave me, if I understood correctly I should only add the font face code in the theme.liquid file below the section. I add this in the theme.liquid above : I’m not use t…

Hi @Julietteweb , Can I send you a collaborator invitation? It will help me check things better.

Hello @namphan , I’m sorry I’m replying late, it was night in Europe. Of course that would be really helpful for me ! Thank you so much !

Hi @Julietteweb , You can send the collaborator code at private message, I will send you invitation and check it

Correct an error after adding a custom font the wrong way with Dawn Theme

Store Design

namphan September 30, 2024, 1:25pm 11

Hi @Julietteweb ,

You can follow these steps:

Step 1: Upload font at File and paste link at theme.liquid file:

Step 2: Change the font name here to display the font for Heading:

Step3: add code here to display for button:

Custom font not loading

Font got changed without notice

Topic		Replies	Views
Having trouble adding own font to Beyond Theme Technical Q&A css	2	84	May 21, 2023
Why can't I apply a custom font to my theme? Shopify Discussion troubleshooting	4	99	September 28, 2023
No one seems to be able to figure it out! Fonts, not working on all devices. No idea why!? Store Design design , customizations , css	1	44	March 14, 2023
How to add a custom font to the Dawn theme? Store Design	9	181	November 2, 2022
Dawn 15.0.2 custom font not working Store Design css , shopify-themes , troubleshooting	7	125	August 19, 2024

Correct an error after adding a custom font the wrong way with Dawn Theme

Related topics