Change font of Product Title

[shilpa_etsy]

Hello! I'm using latest font theme, and I have added a custom font, but it doesn't look good on product title,so I want my body font same as title font. please help, thank you!

https://lunar-white-theme.myshopify.com/
pass - shakti

[BSSCommerce-B2B]

@shilpa_etsy,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid

Step 3: Add this code before </body>

<style>
.product__title h1{
  font-family: "Josefin Sans", sans-serif!important;
}
</style>

Result:

[shilpa_etsy]

can i use that var-- font-body- thing ??

[BSSCommerce-B2B · Accepted solution]

@shilpa_etsy, yes you can use

<style>
.product__title h1{
  font-family: var(--font-body-family)!important;
}
</style>

[shilpa_etsy]

Still same 😞

[shilpa_etsy]

please help

[BSSCommerce-B2B]

@shilpa_etsy , I see your product title font is changed 

Did you refresh your site?

[shilpa_etsy]

not changed on homepage, in featured collection section

[BSSCommerce-B2B]

Ok, so change the previous code like this

<style>
.product__title h1,
.card__information .card__heading a {
  font-family: var(--font-body-family)!important;
}
</style>

Please let me know if there's anywhere you'd like to make changes

[shilpa_etsy]

Thank you soo much!!

[BSS-TekLabs]

- Here is the solution for you @shilpa_etsy 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.product__title h1 {
    font-family: 'Josefin Sans' !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.