Custom Font Not Applying to All Headers

[JarnoBroekkamp]

Hi everyone,

I recently installed a custom font for all my headers by adding it via @font-face in my theme’s CSS. The font works on some headers but not on others. Some sections still show the default theme font instead of my custom one.

Here’s what I did:

1. Uploaded the font to Assets and added it to theme.css
2. Applied it to headers using:

Any ideas why some headers are not updating? Could this be an issue with the theme’s default styles or dynamic sections?

I appreciate any help!

Thanks in advance. 😊

[Huptech-Web]

Hi @JarnoBroekkamp , Can you please share your storefront URL? It will help me understand the issue.

[Moeed · Accepted solution]

Hey @JarnoBroekkamp 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
a.product-title.h6 {
    font-family: 'PP Editioral New' !important;
}
p.h1 {
    font-family: 'PP Editioral New' !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed