2011-04-17 7 views
14

¿PhoneGap admite fuentes web y, de ser así, cómo las usa? He actualmente tiene el código en mi página, pero no funciona cuando se cargan en el emulador (dentro de una aplicación para Android, no he intentado cargar la página a través del navegador) ...Hacer que las fuentes web funcionen con phonegap y android, ¿cómo?

@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"; 
} 

Cuando cargo mi página en Firefox, funciona, por lo que no estoy seguro de lo que estoy haciendo mal.

Se puede ayudar a decir que el CSS fuente fue generada por fontsquirrel

Gracias :) Joel

Respuesta

5

he tenido ningún problema para conseguir PhoneGap para reconocer las fuentes web. Si WebKit lo hará, Android e iOS lo harán. En un proyecto que estoy trabajando ahora, en la actualidad sólo probado en Android:

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

continuación, en un estilo que

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

TypeDNA Font Manager se rompen en Android 2.1, que es un error conocido, por desgracia.

+0

@AdonisK. Las fuentes web funcionan bien en Android 4.1. Poseo un dispositivo 4.1 (Galaxy Note 2) y lo uso regularmente para el desarrollo, en el cual utilizo webfonts regularmente. –

+0

Era un problema de URL remota –

8

Tuve un problema con el uso de una fuente personalizada en el formato Woff. Luego lo convertí de Woff a Ttf y funcionó en mi dispositivo Android. Por lo tanto, podría haber un problema con el uso del formato de Woff.

Por lo tanto, la conversión de .woff a .ttf podría resolver el problema.

+1

Este enfoque funcionó para mí. Usé esta herramienta para convertir: http://orionevent.comxa.com/ –

+1

esto también funcionó para mí – Lucas

+0

Boom !!! ¡Funcionó para mí, todas las otras cosas no cambiaron nada! –

Cuestiones relacionadas