@font-face not embedding on mobile Safari (iPhone/iPad)

Question

I\'m embedding fonts on a mobile website using @font-face (css from FontSquirrel). When I preview in desktop Safari or Chrome, the fonts embed fine, but they do

Answer 1

I had been working with this for a hour before realizing my stupid mistake.

Mobile Safari is CASE SENSITIVE for the fonts, while Desktop Safari is not.

If your font is titled: font.svg, you must add it exactly like it is. If you add it with a Capital F, Desktop Safari won't care, but mobile will.