I'd like to change the font of my product title and price on my product page

Site URL: https://ladybug-chicken-2tp4.squarespace.com/order/p/develop-only

Hello, 

I'd like to change the font of my product title and price on my product page on every product page please

When i apply a H style with the assign fonts menu it just changes the size and not the font.

If anyone knows how i could achieve this id be very appreciative.

Site pass:

*3iRgpCKJ-8@bBZ7

Also, if anyone knows how to change the breadcrumbs too that would be ace.

I've trawled the forums and tried various solutions found on there but nothing seems to work

paul2009

this is a perfect solution. thank you so much for your time, i really appreciate it!

Is it possible to do this same with the breadcrumbs please?

Thanks

10 hours ago, ivnisigoth316 said:

Is it possible to do this same with the breadcrumbs please?

Thanks

For the breadcrumbs, add this code to custom css:

.ProductItem-nav {
  font-family: "Neue-Haas-Unica-Medium";
}

13 hours ago, Jia said:

For the breadcrumbs, add this code to custom css:

.ProductItem-nav {
  font-family: "Neue-Haas-Unica-Medium";
}

 

Thanks, this was perfect! Appriciate it!

Thanks for providing this code - I've just used it.

Can you provide code to change the font for 'variant' (in this case colour) and and quantity please??

On 5/28/2024 at 8:45 PM, hayleykimstudios said:

Thanks for providing this code - I've just used it.

Can you provide code to change the font for 'variant' (in this case colour) and and quantity please??

Use this code. If it doesn't work, please share link to product in screenshot, we can check easier.

div.product-quantity-input *, [class*="variant"] * {
    font-family: "Neue-Haas-Unica-Medium";
}

@tuanphan this works but also changes all of my H1,H2 and H3 fonts across the whole site 😞 

On 6/24/2024 at 6:27 PM, hayleykimstudios said:

@tuanphan this works but also changes all of my H1,H2 and H3 fonts across the whole site 😞 

Remove the code & use this new code

div.product-quantity-input *, .ProductItem-details .ProductItem-details-checkout [class*="variant"] * {
    font-family: "Neue-Haas-Unica-Medium";
}

If it still doesn't work, please share link to a product on your site, I can check code easier