H&FJ fonts from typography.com look awful on iOS

Question

I'm using the cloud-based Gotham Screensmart on a website I'm building. It looks fine on desktop browsers, but looks like this on iOS Safari...

Any ideas why this is happening and what I can do to sort it?

Answer 1

Turns out this is because HF&J split their fonts into 2 when delivering them via the cloud.

I had only added one font to my CSS instead of 2.

font-family: "Gotham SSm A", "Gotham SSm B"