@ font-face проблемы с PhoneGap на Android - PullRequest
Новая
       23

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

2 голосов
/ 20 февраля 2012

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

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

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

Мне бы очень хотелось знать, если это ошибка.

Спасибо. :)

1 Ответ

1 голос
/ 06 марта 2012

У меня нет прямого опыта работы с 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...);
}

Я бы попробовал и посмотрел, не уменьшает ли это проблему.

...