Я создаю мобильное приложение с JQM, и мне нужно объявить собственные шрифты шрифтом.
Я включаю в себя файл css
Мои два тестовых устройства: Google Nexus 7 с Android 4.2.1 и Motorola Razr с Android 4.0.4.
В Google Nexus он работает как на мобильных Chrome, так и на PhoneGap. Но на Motorola Razr он работает только с мобильным Chrome. Оба Android-браузера и Phonegap не используют MyFont.
Есть ли какое-нибудь обходное решение для работы моего шрифта на Android 4.0.x?
Интересно. У меня есть обратный опыт.
У меня есть Galaxy Nexus, работающий 4.2.1 (CM 10.1), который загружал шрифты абсолютно нормально до обновления, но с момента обновления стал очень странным с CSS (только в родном WebKit, а не в Chrome, который все еще работает).
Я понял, что это не проблема шрифтового шрифта, но что специфика CSS накручивается (используя bootstrap в качестве базы, а затем заменяя моим собственным CSS). Даже встроенные стили не отображаются, если включен бутстрап, все работает нормально, если загрузочный бокс удален. Очень странно.
Что касается вашего реверса моей проблемы, несколько мыслей:
Почему первый src с .woff? Я видел его с .eot для режима обратной совместимости IE, но браузеры, использующие .woff, должны иметь возможность использовать его со второго src. Может быть, попробуйте удалить первый src? (Это не должно быть проблемой, так как WebKit должен перезаписывать второй src)
Как вы загружаете файлы шрифтов? Из локального хранилища? С веб-сервера? Я знаю с Firefox, если сервер с файлами шрифтов отличается от файлов с типом, он не будет загружаться без заголовка Allow Origin.
Вам нужно загрузить это же определение шрифта в других браузерах, отличных от веб-сайтов? Если нет, подумайте об удалении всех файлов, кроме .woff.
Вы уверены, что проблема связана с шрифтом? Попробуйте установить для описания шрифта системный шрифт, отличный от стандартного (например, "serif" ). Посмотрите, применяется ли объявление шрифта, или может быть, что ваш шрифт прекрасен, но css каким-то образом не применяет шрифт к типу? (Как это было на прошлой неделе)
Это немного сложно узнать без дополнительной информации. Ваше объявление @font-face, отличное от странности первого src, являющегося .woff, похоже, должно работать нормально. Я предполагаю, что проблема кроется в другом месте, а не в том фрагменте кода.
Изменить:
Я отследил свою проблему --- на Android 4.2.1 параметр CSS text-rendering: вел себя совсем по-другому от версий Chrome и предыдущих Android. Если вы используете этот параметр, посмотрите, не изменит ли его или не устранит проблему. Единственное, о чем я могу думать, это то, что я видел как отличающийся от того, как Android 4.0 vs Android 4.2 webkit выполняет рендеринг шрифтов.