Header font not changing - using adobe font

Shopify Discussion
1

Website: hayatigoods.com

Pw: uflaw

Goal = to change all the header and title copy to the Salo font family from Adobe. That adobe page says to use it on my web page, copy this under the tag:

<link rel="stylesheet" href="https://use.typekit.net/yyi6mps.css">

I do that, but it doesn’t work. Note,

  • I was using a font called THE SEASONS before for headers/titles. Have removed the code relating to the seasons, but not sure I got all of it.
  • I’d like to use the Gotham Medium font I have in there for all the other copy - body, subtitle, etc.

Can you please help me? Thank you!!

2

Hi @yasmineb

Could you please try this code?

.rich-text__heading {
    font-family: Salo !important;
}

image (26).png
image (26).png1795×713 325 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

3

How did you do that? Where do I paste the embeddable link to Salo font? Sorry I need way more guidance, I am a novice here lol.

I did this in my theme.liquid file and it didn’t work.

.rich-text__heading { font-family: Salo !important; }
4

Hi @yasmineb

Sorry for this delay in getting back to you.

You can follow our instructions below:
1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.