Heading custom font between the desktop version and mobile version is different.

On my desktop, I'm using a font called 'Futura ND Demibold' for my H1. However, when I check my website on my phone or iPad it looks considerably different. 

Any tips?

The reason that the text sizes look very different on desktop/tablet/mobile is that you have set the font sizes is different ways, they are both set to Heading 3 but the top line is scaled to fit the width of the text block, so the font size scales down considerably when you look on a smaller screen but the second line is set conventionally and doesn't scale down in the same dramatic way.

Hey Ziggy - it's not the text size that bothers me, it's that the font style hasn't translated to the phone/tablet. 

Any ideas why? 

Thanks!

The font looks fine everywhere I can see it. Is it not working on iOS? What code did you use to add the custom font?

Here's the code for the font used.

Can't see anything wrong there.