@ font-face не работает в мобильном Webkit

Мне не удается заставить @ font-face вести себя в любом мобильном браузере Webkit, который я тестировал - Safari на iPhone 3GS, браузере Android 2.2 по умолчанию и браузер Dolphin на Android.

Он работает во всех браузерах для настольных ПК, от IE7 до IE9, FF3.5, Safari 4 и Opera.

Шрифты и CSS взяты из FontSquirrel:

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

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

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

I ' Я проверил идентификатор SVG в источнике шрифта SVG, и все они совпадают.

Может быть, это потому, что у меня есть некоторые правила межбуквенного интервала позже в CSS?

Спасибо!

14
задан UpTheCreek 9 March 2012 в 21:49
поделиться