How to change fonts on product pages

Hi everyone,

I’m working on a website and trying to change the font of the h2 heading “Das könnte dir auch gefallen” from "Brittany Signature" (which is defined as h2) to “The Seasons.” Unfortunately, my current CSS isn’t working. Here’s what I’ve tried so far:

.ProductItem-related-label preSlide slideIn { font="the-seasons" !important; }

How can I specifically target this element on all (!) product pages?
Is there any way to define fonts individually, but only on product pages? 
On all other pages, it’s fine for the h2 to use “Brittany Signature.” However, on this specific page, it looks very unreadable, and I’d like to change that.

Does anyone have any ideas on how I can fix this? The font “The Seasons” is properly embedded on the site.

Website:
https://www.tanjaregnet.de/kurse/p/aerial-yoga
If anyone wants to check out the page directly, you can use the password “SBM2024#” to access it.

Thanks in advance for your help!

Best regards,
Dario

Thank your for your reply @katycarlisle!

That worked out perfectly!
Thanks a lot!