Can't get the individual products to change to custom font

Site URL: https://theprintshoplsl.com/

I've managed to swap most of my site to a custom font using CSS. However, when I go into my product individual pages, the stock font is still there. The collection page has been swapped, but the individual products didn't.

Thoughts?

Hi @Print_Shop,

Try adding !important to the end of your CSS lines to override the default styles:

Further reading: https://stackoverflow.com/questions/9245353/what-does-important-mean-in-css

Hope this helps!
-Tyler

what's the CSS I should use to accomplish this? I've tried so many I have no idea which one to even add !important to

Thanks

1 hour ago, Print_Shop said:

I've managed to swap most of my site to a custom font using CSS

Wherever you added the custom code to change your font:

h1 {
  font-family: 'ink free';
}

Instead change it to this:

h1 {
  font-family: 'ink free' !important;
}

that did the trick. Thanks!

Any idea how to get the price to change? I added !important after all font changes

.product-price {
  font-family: 'ink free' !important;
}