@ font-face не встраивается в мобильный Safari (iPhone / iPad)

Я встраиваю шрифты на мобильный веб-сайт, используя @ font-face (CSS от FontSquirrel). Когда я просматриваю в браузере Safari или Chrome на компьютере, шрифты встраиваются нормально, но они не отображаются в мобильном Safari на iPhone / iPad. Я не получаю ошибок и не могу понять, что не так. Вот мой CSS. Есть идеи?

@font-face {
    font-family: 'JottingRegular';
    src: url('../fonts/jotting_regular-webfont.eot');
    src: local('☺'),
         url('../fonts/jotting_regular-webfont.woff') format('woff'),
         url('../fonts/jotting_regular-webfont.ttf') format('truetype'),
         url('../fonts/jotting_regular-webfont.svg#webfonttEfFltbI') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JottingBold';
    src: url('../fonts/jotting_bold-webfont.eot');
    src: local('☺'),
         url('../fonts/jotting_bold-webfont.woff') format('woff'), 
         url('../fonts/jotting_bold-webfont.ttf') format('truetype'), 
         url('../fonts/jotting_bold-webfont.svg#webfontJpUFTHYS') format('svg');
    font-weight: normal;
    font-style: normal;
}