@font-face проблемы с PhoneGap на Android

Question

Я использовал дизайнерский шрифт для <h3> в приложении PhoneGap с помощью @font-face в файле CSS.

Мне также пришлось перенести файл в приложение PHP на сервере, используя FileTransfer() функция в PhoneGap.

Проблема заключалась в том, что передача файла не будет работать, если я использовал шрифт-дизайнер на странице. Кто-нибудь из вас когда-либо сталкивался с такой проблемой?

Я действительно хотел бы знать, если это ошибка.

Благодарю.:)

Answer 1

У меня нет прямого опыта работы с PhoneGap, но я немного поработал с @font-face. Я не уверен, как именно вы определяете свои шрифты, но я предполагаю, что это примерно так:

@font-face {
    font-family: 'MyFontName';
    src: url('/path/to/font/MyFontName.ttf') format('truetype')
}

Просто подумав вслух, но неужели FileTransfer() мог перепутать путь к файлу, который указывает, где живет шрифт?

Одним из решений, которое я могу придумать, чтобы избежать путаницы путей к файлам, является кодирование шрифта (в кодировке base64) непосредственно в CSS... так что это будет выглядеть примерно так:

@font-face {
    font-family:"MyFontName";
    src: url(data:font/opentype;base64,d09GRgABAAAAAFL...);
}

Я бы попробовал и посмотрел, смягчает ли это проблему.