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 @NaomiRD , I checked and it works properly. Now, you just need to name those 2 fonts( Think-Pink-Regular_1, Renown-Monoline-Sans_2 ) in the CSS file. Ex: h2.feature-row__heading { font-family: 'Think-Pink-Regular_1'; } Hope it clear to you.

HI @LitExtension Thank you so much for your help so far. That makes sense but could you tell me which css file I need to add it to? Sorry if that’s straight forward. I’m still learning. Naomi

Hi @NaomiRD , Go to assets/theme.scss.liquid file. You can add the CSS code here, everything will work fine. Do you want it to replace Headings font and Body text font? https://i.imgur.com/466jODr.png If you want, you go to assets/theme.scss.liquid file, find ‘header_font.family’ and replace ‘Thi…

@LitExtension Ive add this to the bottom of theme.scss.liquid h2.feature-row__heading { font-family: ‘Think-Pink-Regular_1’; } h2.feature-row__heading { font-family: ‘Renown-Monoline-Sans_2’; } Is that the correct place? Ive followed your instructions on adding the heading and body font whi…

Hi @NaomiRD , It just helps you to import the font and call it directly in the CSS file. It is not added directly in the settings of Customize. Hope it clear to you. If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

Hi @NaomiRD , Please send your site and if your site is password protected, please send me the password. I will check it for you.

Hi @LitExtension My site is https://nrpenna84.myshopify.com and the password is cleost Thanks again Naomi

Hi @NaomiRD , I checked and you still haven’t uploaded the font in Assets: https://i.imgur.com/fe4ZHWo.png This is the first step to get it working: https://i.imgur.com/p4phAc2.png Hope it clear to you.

Hi @LitExtension That seems really odd as they are here [84860161-3556-47A6-A94E-7CEA7E872E31_1_201_a.jpeg] Or is this not in the right place?

Add more than one custom font to the narrative theme

Technical Q&A

NaomiRD October 28, 2021, 2:13pm 10

Hi @LitExtension

Im not entirely sure what you mean. How do I bring up the font on my page once I’ve added the script above? Or have I added this incorrectly?

Many thanks

Naomi

Topic		Replies	Views
Add a custom font to the Dawn Theme Version 1.1.0 Technical Q&A	22	229	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	37	August 13, 2022
How do I add a Google Font to the Express, Dawn and/or Debut theme (2021) Store Design	11	159	February 15, 2022
How can I add custom fonts to the Dawn theme? Store Design design	14	944	August 9, 2026

Add more than one custom font to the narrative theme

Related topics