Search code examples
ioscssfont-face

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


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?


Solution

  • 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"