@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

This has already been solved, but I had a similar problem here:

@font-face not working in mobile Webkit

For me, all the IDs on the SVG fonts were correct; it was the FontSquirrel syntax that was wonky. Using the updated FontSpring bulletproof syntax fixed the issue for me, and seems to work entirely cross-browser.