Add more than one custom font to the narrative theme

Solved
NaomiRD
New Member
11 0 0

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

Naomi

Replies 19 (19)
LitExtension
Shopify Partner
2016 336 409

Hi @NaomiRD ,

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

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!
NaomiRD
New Member
11 0 0

Hi @LitExtension 

My site is https://nrpenna84.myshopify.com and the password is cleost

 

Thanks again

Naomi

LitExtension
Shopify Partner
2016 336 409

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.

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!
NaomiRD
New Member
11 0 0

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?

LitExtension
Shopify Partner
2016 336 409

Hi @NaomiRD ,

You upload the file with the name 'Think-Pink-Regular' but the code gets the name 'Think-Pink-Regular_1'.

I instruct fontname_1 and fontname_2 to distinguish 2 names, not required to add _1 and _2 after each name.

Please change code:

@font-face {
font-family: 'Think-Pink-Regular_1';
src: url('{{ 'Think-Pink-Regular.otf' | asset_url }}') format('embedded-opentype'),
url('{{ 'Think-Pink-Regular.ttf' | asset_url }}') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Renown-Monoline-Sans_2';
src: url('{{ 'Renown-Monoline-Sans.otf' | asset_url }}') format('embedded-opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}

Hope it clear to you.

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!
NaomiRD
New Member
11 0 0

Hi @LitExtension 

I'm an idiot!! Thank you for being so patient. This is now working for me and I really appreciate all your help over the past few days.

Naomi

LitExtension
Shopify Partner
2016 336 409

This is an accepted solution.

Hi @NaomiRD ,

If it helped you solve your issue, please mark it as a solution. 

If you have any difficulty, you can contact me Happy to help you.

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!

View solution in original post

LaseMakers
Shopify Partner
69 1 25

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 time and patience

Carolina

LitExtension
Shopify Partner
2016 336 409

Hi @LaseMakers,

With Dawn theme: you can refer https://community.shopify.com/c/technical-q-a/add-a-custom-font-to-the-dawn-theme-version-1-1-0/m-p/...

Hope it helps!

Or you can create a new Question and send me the link. I will check it.

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!
LaseMakers
Shopify Partner
69 1 25

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/c/shopify-design/add-custom-font-to-heading-on-dawn-theme/m-p/1367222

Best wishes,

Carolina