Hi I would like to add 2 custom fonts to the narrative theme. One to use for headings/sub headings and the other as body text. I have already added one custom font but would like this font to be used for headings only. If anyone has any instructions on how to do this that would be great. Thanks N…

Hi @NaomiRD , If it helped you solve your issue, please mark it as a solution. If you have any difficulty, you can contact me :slightly_smiling_face: Happy to help you.

Hi @LitExtension I’m trying to follow this steps to be able to add my font, but in the new Dawn theme "theme.scss.liquid’’ is not on the assets file, and can’t finf ‘settings.type_header_font’ anywhere else. Do you know where do I need to place this code in Dawn theme ? Thank you so much for your…

Hi @LaseMakers , With Dawn theme: you can refer https://community.shopify.com/post/1278874 Hope it helps! Or you can create a new Question and send me the link. I will check it.

Hi!! thank you! I did tried what you described and it did not work. This is the link for my new question, really hope you can help: https://community.shopify.com/post/1367222 Best wishes, Carolina

Hi @LitExtension Sorry to bother you again but I have been looking at the Dawn theme and wondered if I would need to follow the same method to add a different heading and body font or would it be slightly different as its a newer theme? Many thanks

Hi @LitExtension I have looked at these instructions in detail and they only describe how to add one font to the whole of the webpage. If I’m wanting to follow the same format, with a different heading and body text, do I need to add in something more specific, like h.2 or change something in the {…

Hi @NaomiRD , After you successfully add the font, you can customize it for each place you want. For example the font Think-Pink-Regular, you want to add to the heading of the section: [bnkcPEA] Go to Assets > base.css and paste this at the bottom of the file: .h1{ font-family: 'Think-Pink-R…

@LitExtension All makes sense and works for the heading but as I want to change the body text too, I’m assuming I can’t using .h2 or other heading types, I would need to point to the body text? Is this also in the base.css file? Thanks again for all the assistance.

Hi @NaomiRD , If you want to change all headings or body, you can change the code here: [s9ut9mL] If for each section you need to have your own custom code, like my previous tutorial. If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

Hi @LitExtension Thank you again for your support and advice so far. I have followed your instructions, or at least I think I have, but I only seem to be able to change the heading font. This is what I’ve entered under {%style%} [Screenshot 2021-12-18 at 21.32.43.png] And this is what I’ve enter…

Add more than one custom font to the narrative theme

Technical Q&A

LitExtension December 17, 2021, 8:12am 22

Hi @NaomiRD ,

By default, it is the same, only the file to add the CSS is different.

You can refer to the following post: https://community.shopify.com/post/1278874

Hope it helps!

Topic		Replies	Views
Add a custom font to the Dawn Theme Version 1.1.0 Technical Q&A	22	216	December 23, 2022
How can I host multiple fonts on Dawn theme? Store Design	11	116	October 4, 2022
How can I add a second custom font to my Dawn theme? Store Design	1	35	August 13, 2022
How do I add a Google Font to the Express, Dawn and/or Debut theme (2021) Store Design	11	143	February 15, 2022
How can I add custom fonts to the Narrative theme? Technical Q&A	10	448	November 3, 2021

Add more than one custom font to the narrative theme

Related topics