Получение веб-шрифтов для работы с телефоном и андроидом - как?

Поддерживает ли PhoneGap веб-шрифты, и если да, то как вы их используете. В настоящее время я получил этот код на своей странице, но он не работает при загрузке в эмулятор (внутри приложения Android я не пробовал загружать страницу через браузер)...

@font-face {
    font-family: 'HelveticrapRegular';
    src: url('fonts/helveticrap-webfont.eot');
    src: url('fonts/helveticrap-webfont.woff') format('woff'), url('fonts/helveticrap-webfont.ttf') format('truetype'), url('fonts/helveticrap-webfont.svg#webfontHlJ0Jib3') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: "HelveticrapRegular", "Helvetica", "Arial", "sans serif";
}

Когда я загружаю свою страницу в firefox, она работает, поэтому я не уверен, что я делаю неправильно.

Это может помочь сказать, что шрифт CSS был создан с помощью fontsquirrel

Спасибо:) Joel

Ответы

Ответ 1

У меня возникла проблема с использованием специального шрифта в формате Woff. Затем я преобразовал его из Woff в Ttf, и он работал на моем устройстве Android. Таким образом, может возникнуть проблема с использованием формата Woff.

Таким образом, преобразование из .woff в .ttf может решить проблему.

Ответ 2

У меня не было проблем с получением PhoneGap для распознавания веб-шрифтов. Если WebKit сделает это, то Android и iOS сделают это. В проекте, над которым я сейчас работаю, в настоящее время тестируется только на Android:

@font-face{
 font-family: MyFont; 
 src: url('../fonts/my_font.ttf') format('truetype');
 src: url('../fonts/my_font.otf') format('opentype');

затем в стиле

font-family:MyFont, arial, sans-serif;

Ответ 3

Webfonts разбиты на Android 2.1, это известная ошибка, к сожалению.