As an update to this. If I edit the page in the front end, whilst the page is being edited the font displays correctly. As soon as the editor is closed, it reverts back to Times New Roman.

As a further update: The only way I've been able to 'fix' it on the page so that the font in the carousel is displayed correctly is by changing the font for every heading used on the same page to be the same font. However, if I were to set any one heading back to the default font as defined in the template, than that heading is then displayed in Times New Roman.

Clearly there's a css issue going on but for the life of me I can't work out what it is and why it's been absolutely fine up till now!

Another update. It's still happening on any new page I create. Unless I have multiple headings on a page ALL set to the same font then it won't display the font correctly.

Hello Oliver Johnson

I see the font is showing okay. I have checked both the pages.

Best regards

So you are telling me that the font that is being displayed in the image above is Hammersmith One?

This is Hammersmith One showing correctly on another page

This is the same as the image you posted above. The CSS says Hammersmith One but does it look like the font above? No, it's Times New Roman

Just to prove my point

This is exactly the same page but this time loaded in the front end editor See how the font is displayed correctly as Hammersmith One?

If I save the page and close the editor, it instantly reverts back to Times New Roman

This does NOT happen on any previous page I've created where the fonts are correctly rendered. It does however happen on this page and every single new page I create.

Yes, you are right. I have used this CSS to Template Options -> Custom Code -> Custom CSS

.sppb-carousel-pro-text h2, .sppb-carousel-pro-content{
    font-family: inherit !important;
}